Why Was The Decision Made To Make Padding Apply Outside Of The Width Of A Box, Rather Than Inside, Which Would Seem To Make More Sense?
It makes sense in some situations, but not in others. For example, when a childelement is set to width: 100%, I don't think it should cover the padding of its parent. The box-sizing property in CSS3 addresses this issue. Ideally, the issue should have been addressed earlier, though.
Why Call The Subtended Angle A Pixel, Instead Of Something Else (e.g. Subangle)?
In most cases, a CSS pixel will be equal to a device pixel. But, as you point out, the definition of a CSS pixel will sometimes be different. For example, on a laser printer, one CSS pixel can be equal to 3x3 device pixels to avoid printing illegibly small text and images. I don't recall anyone ever proposing another name for it. Subangle? Personally, I think most people would prefer the pragmatic "px" to the non-intuitive "sa".
How Do I Eliminate The Blue Border Around Linked Images?
in your CSS, you can specify the border property for linked images
a img { border: none ; }
However, note that removing the border that indicates an image is a link makes it harder for users to distinguish quickly and easily which images on a web page are clickable.
Which Property Is Used To Change The Face Of A Font?
The font-family property is used to change the face of a font.
What Is A Style Sheet?
Style sheets are the way that standards-compliant Web designers define the layout, look-and-feel, and design of their pages. They are called Cascading Style Sheets or CSS. With style sheets, a designer can define many aspects of a Web page
* fonts
* colors
* layout
* positioning
* imagery
* accessibility
Style sheets give you a lot of power to define how your pages will look. And another great thing about them is that style sheets make it really easy to update your pages when you want to make a new design. Simply load in a new style sheet onto your pages and you're done.
What Is Inline Style? How To Link?
Inline style is the style attached to one specific element. The style is specified directly in the start tag as a value of the STYLE attribute and will apply exclusively to this specific element occurrence.
<P STYLE="text-indent: 10pt">Indented paragraph</P>
Why Do Style Sheets Exist?
SGML (of which HTML is a derivative) was meant to be a device-independent method for conveying a document's structural and semantic content (its meaning.) It was never meant to convey physical formatting information. HTML has crossed this line and now contains many elements and attributes which specify visual style and formatting information. One of the main reasons for style sheets is to stop the creation of new HTML physical formatting constructs and once again separate style information from document content.
What Are Style Sheets?
Style Sheets are templates, very similar to templates in desktop publishing applications, containing a collection of rules declared to various selectors(elements).
What Is Css Rule Ruleset?
There are two types of CSS rules: ruleset and at-rule. Ruleset identifies selector orselectors and declares style which is to be attached to that selector or selectors. For example P {text-indent: 10pt} is a CSS rule. CSS rulesets consist of two parts:selector, e.g. P and declaration,
e.g. {text-indent: 10pt}.
P {text-indent: 10pt} - CSS rule (ruleset)
{text-indent: 10pt} - CSS declaration
text-indent - CSS property
10pt - CSS value.
Which Property Is Used To Set The Background Image Of An Element?
The background-image property is used to set the background image of an element.
Which Property Is Used To Control The Repetition Of An Image In The Background?
The background-repeat property is used to control the repetition of an image in the background.
Which Property Is Used As Shorthand To Specify A Number Of Other Font Properties?
The font property is used as shorthand to specify a number of other font properties.
Which Property Is Used As A Shorthand To Specify A Number Of Other Background Properties?
The background property is used as a shorthand to specify a number of other background properties.
Which Property Is Used To Increase Or Decrease How Bold Or Light A Font Appears?
The font-weight property is used to increase or decrease how bold or light a font appears.
What is Alternate Style Sheet?
Alternate Style Sheets allows the user to select the style in which the page is displayed using the view>page style menu. Through Alternate Style Sheet, user can see a multiple version of the page on their needs and preferences.
Are quotes mandatory in URL’s?
Quotes are optional in URL’s, and it can be single or double.
What is at-rule?
Rule, which is applicable in the entire sheet and not partly, is known as at-rule. It is preceded by @ followed by A-Z, a-z or 0-9.
How can CSS be cascaded to mix with user’s personal sheet?
Properties can be a set in recommended places and the document modified for CSS to mix with user’s personal sheet.
Enlist the various fonts’ attributes?
They are:
Font-style
Font-variant
Font-weight
Font-size/line-height
Font-family
Caption
Icon
Why is it easy to insert a file by importing it?
Importing enables combining external sheets to be inserted in many sheets. Different files and sheets can be used to have different functions. Syntax:
@import notation, used with <Style> tag.
What is the usage of Class selector?
Selectors that are unique to a specific style, are called CLASS selectors. Declaration of style and association with HTML can be made through this. Syntax:
Classname
it can be A-Z, a-z or digits.
.top {font: 14em ;}, class selector
<Body class= “top”> this class is associated with element </body>
What happens if 100% width is used along with floats all across the page?
While making the float declaration, 1 pixel is added every time it is used in the form of the border, and even more float is allowed thereafter.
Can default property value be restored through CSS? If yes, how?
In CSS, you cannot revert back to old values due to lack of default values. The property can be re- declared to get the default property.
Enlist the various Media types used?
Different media has different properties as they are case insensitive.
They are:
Aural – for sound synthesizers and speech
Print – gives a preview of the content when printed
Projection- projects the CSS on projectors.
Handheld- uses handheld devices.
Screen- computers and laptop screens.
Which Property Is Used To Set The Width Of An Image Border?
The border property is used to set the width of an image border.
Which Property Is Used To Set The Height Of An Image?
The height property is used to set the height of an image.
Which Property Is Used To Set The Width Of An Image?
The width property is used to set the width of an image.
What is CSS Box Model and what are its elements?
This box defines design and layout of elements of CSS. The elements are:
Margin: the top most layer, the overall structure is shown
Border: the padding and content option with a border around it is shown. Background color affects the border.
Padding: Space is shown. Background colour affects the border.
Content: Actual content is shown.
What is graceful degradation?
In case the component fails, it will continue to work properly in the presence of a graceful degradation. The latest browser application is used when a webpage is designed. As it is not available to everyone, there is a basic functionality, which enables its use to a wider audience. In case the image is unavailable for viewing, text is shown with the alt tag.
It makes sense in some situations, but not in others. For example, when a childelement is set to width: 100%, I don't think it should cover the padding of its parent. The box-sizing property in CSS3 addresses this issue. Ideally, the issue should have been addressed earlier, though.
Why Call The Subtended Angle A Pixel, Instead Of Something Else (e.g. Subangle)?
In most cases, a CSS pixel will be equal to a device pixel. But, as you point out, the definition of a CSS pixel will sometimes be different. For example, on a laser printer, one CSS pixel can be equal to 3x3 device pixels to avoid printing illegibly small text and images. I don't recall anyone ever proposing another name for it. Subangle? Personally, I think most people would prefer the pragmatic "px" to the non-intuitive "sa".
How Do I Eliminate The Blue Border Around Linked Images?
in your CSS, you can specify the border property for linked images
a img { border: none ; }
However, note that removing the border that indicates an image is a link makes it harder for users to distinguish quickly and easily which images on a web page are clickable.
Which Property Is Used To Change The Face Of A Font?
The font-family property is used to change the face of a font.
 |
| Daum Frequently Asked CSS Interview Questions Answers |
What Is A Style Sheet?
Style sheets are the way that standards-compliant Web designers define the layout, look-and-feel, and design of their pages. They are called Cascading Style Sheets or CSS. With style sheets, a designer can define many aspects of a Web page
* fonts
* colors
* layout
* positioning
* imagery
* accessibility
Style sheets give you a lot of power to define how your pages will look. And another great thing about them is that style sheets make it really easy to update your pages when you want to make a new design. Simply load in a new style sheet onto your pages and you're done.
What Is Inline Style? How To Link?
Inline style is the style attached to one specific element. The style is specified directly in the start tag as a value of the STYLE attribute and will apply exclusively to this specific element occurrence.
<P STYLE="text-indent: 10pt">Indented paragraph</P>
Why Do Style Sheets Exist?
SGML (of which HTML is a derivative) was meant to be a device-independent method for conveying a document's structural and semantic content (its meaning.) It was never meant to convey physical formatting information. HTML has crossed this line and now contains many elements and attributes which specify visual style and formatting information. One of the main reasons for style sheets is to stop the creation of new HTML physical formatting constructs and once again separate style information from document content.
What Are Style Sheets?
Style Sheets are templates, very similar to templates in desktop publishing applications, containing a collection of rules declared to various selectors(elements).
What Is Css Rule Ruleset?
There are two types of CSS rules: ruleset and at-rule. Ruleset identifies selector orselectors and declares style which is to be attached to that selector or selectors. For example P {text-indent: 10pt} is a CSS rule. CSS rulesets consist of two parts:selector, e.g. P and declaration,
e.g. {text-indent: 10pt}.
P {text-indent: 10pt} - CSS rule (ruleset)
{text-indent: 10pt} - CSS declaration
text-indent - CSS property
10pt - CSS value.
Which Property Is Used To Set The Background Image Of An Element?
The background-image property is used to set the background image of an element.
Which Property Is Used To Control The Repetition Of An Image In The Background?
The background-repeat property is used to control the repetition of an image in the background.
Which Property Is Used As Shorthand To Specify A Number Of Other Font Properties?
The font property is used as shorthand to specify a number of other font properties.
Which Property Is Used As A Shorthand To Specify A Number Of Other Background Properties?
The background property is used as a shorthand to specify a number of other background properties.
Which Property Is Used To Increase Or Decrease How Bold Or Light A Font Appears?
The font-weight property is used to increase or decrease how bold or light a font appears.
Alternate Style Sheets allows the user to select the style in which the page is displayed using the view>page style menu. Through Alternate Style Sheet, user can see a multiple version of the page on their needs and preferences.
Are quotes mandatory in URL’s?
Quotes are optional in URL’s, and it can be single or double.
What is at-rule?
Rule, which is applicable in the entire sheet and not partly, is known as at-rule. It is preceded by @ followed by A-Z, a-z or 0-9.
How can CSS be cascaded to mix with user’s personal sheet?
Properties can be a set in recommended places and the document modified for CSS to mix with user’s personal sheet.
Enlist the various fonts’ attributes?
They are:
Font-style
Font-variant
Font-weight
Font-size/line-height
Font-family
Caption
Icon
Why is it easy to insert a file by importing it?
Importing enables combining external sheets to be inserted in many sheets. Different files and sheets can be used to have different functions. Syntax:
@import notation, used with <Style> tag.
What is the usage of Class selector?
Selectors that are unique to a specific style, are called CLASS selectors. Declaration of style and association with HTML can be made through this. Syntax:
Classname
it can be A-Z, a-z or digits.
.top {font: 14em ;}, class selector
<Body class= “top”> this class is associated with element </body>
What happens if 100% width is used along with floats all across the page?
While making the float declaration, 1 pixel is added every time it is used in the form of the border, and even more float is allowed thereafter.
Can default property value be restored through CSS? If yes, how?
In CSS, you cannot revert back to old values due to lack of default values. The property can be re- declared to get the default property.
Enlist the various Media types used?
Different media has different properties as they are case insensitive.
They are:
Aural – for sound synthesizers and speech
Print – gives a preview of the content when printed
Projection- projects the CSS on projectors.
Handheld- uses handheld devices.
Screen- computers and laptop screens.
Which Property Is Used To Set The Width Of An Image Border?
The border property is used to set the width of an image border.
Which Property Is Used To Set The Height Of An Image?
The height property is used to set the height of an image.
Which Property Is Used To Set The Width Of An Image?
The width property is used to set the width of an image.
What is CSS Box Model and what are its elements?
This box defines design and layout of elements of CSS. The elements are:
Margin: the top most layer, the overall structure is shown
Border: the padding and content option with a border around it is shown. Background color affects the border.
Padding: Space is shown. Background colour affects the border.
Content: Actual content is shown.
What is graceful degradation?
In case the component fails, it will continue to work properly in the presence of a graceful degradation. The latest browser application is used when a webpage is designed. As it is not available to everyone, there is a basic functionality, which enables its use to a wider audience. In case the image is unavailable for viewing, text is shown with the alt tag.
Post a Comment