Baidu Most Frequently Asked Latest CSS Interview Questions Answers
Who maintains the CSS specifications?
World Wide Web Consortium maintains the CSS specifications.
In how many ways can a CSS be integrated as a web page?
CSS can be integrated in three ways:
Inline: Style attribute can be used to have CSS applied HTML elements.
Embedded: The Head element can have a Style element within which the code can be placed.
Linked/ Imported: CSS can be placed in an external file and linked via link element.
What benefits and demerits do External Style Sheets have?
Benefits:
One file can be used to control multiple documents having different styles.
Multiple HTML elements can have many documents, which can have classes.
To group styles in composite situations, methods as selector and grouping are used.
Demerits:
Extra download is needed to import documents having style information.
To render the document, the external style sheet should be loaded.
Not practical for small style definitions.
What is the origin of CSS ?
Standard Generalized Markup Language marked the beginning of style sheets in 1980s.
What are the different variations of CSS ?
The variations for CSS are:
CSS 1
CSS 2
CSS 2.1
CSS 3
CSS 4
What are the limitations of CSS ?
Limitations are:
Ascending by selectors is not possible
Limitations of vertical control
No expressions
No column declaration
Pseudo-class not controlled by dynamic behavior
Rules, styles, targeting specific text not possible
What are the advantages of CSS ?
Advantages are:
Bandwidth
Site-wide consistency
Page reformatting
Accessibility
Content separated from presentation
What are CSS frameworks?
It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.
How block elements can be centered with CSS1?
Block level elements can be centered by:
The margin-left and margin-right properties can be set to some explicit value:
CSS
BODY {
width: 40em;
background: fluorescent;
}
P {
width: 30em;
margin-right: auto;
margin-left: auto
}
BODY {
width: 40em;
background: fluorescent;
}
P {
width: 30em;
margin-right: auto;
margin-left: auto
}
In this case, the left and right margins will be each, five ems wide since they split up the ten ems left over from (40em-30em). It was unnecessary for setting up an explicit width for the BODY element; it was done here for simplicity.
Discuss the merits and demerits of Embedded Style Sheets?
Merits of Embedded Style Sheets:
Multiple tag types can be created in a single document.
Styles, in complex situations, can be applied by using Selector and Grouping methods.
Extra download is unnecessary.
Demerits of Embedded Style Sheets:
Multiple documents cannot be controlled.
Differentiate Class selector from ID selector?
While an overall block is given to class selector, ID selector prefers only a single element differing from other elements. In other words, ID are uniques while classes are not. Its possible that an element has both class and ID.
Can more than one declaration be added in CSS?
Yes, it can be achieved by using a semicolon.
What is Pseudo-elements ?
Pseudo-elements are used to add special effects to some selectors. CSS in used to apply styles in HTML mark-up. In some cases when extra mark-up or styling is not possible for the document, then there is a feature available in CSS known as pseudo-elements. It will allow extra mark-up to the document without disturbing the actual document.
How to overrule underlining Hyperlinks?
Control statements and external style sheets are used to overrule underlining Hyperlinks.
E.g.:
B {
text-decoration: none;
}
<B href="career.html" style="text-decoration: none">link text</B>
B {
text-decoration: none;
}
<B href="career.html" style="text-decoration: none">link text</B>
What does CSS selector mean?
A string equivalent of HTML elements by which declarations or a set of it, is declared and is a link that can be referred for linking HTML and Style sheet is CSS selector.
Enlist the media types CSS allows?
The design and customization of documents are rendered by media. By applying media control over the external style sheets, they can be retrieved and used by loading it from the network.
Differentiate logical tags from physical tags?
While physical tags are also referred to as presentational mark-up, logical tags are useless for appearances.
Physical tags are newer versions while logical tags are old and concentrate on content.
Differentiate Style Sheet concept from HTML?
While HTML provides easy structure method, it lacks styling, unlike Style sheets. Moreover, style sheets have better browser capabilities and formatting options.
Who maintains the CSS specifications?
World Wide Web Consortium maintains the CSS specifications.
In how many ways can a CSS be integrated as a web page?
CSS can be integrated in three ways:
Inline: Style attribute can be used to have CSS applied HTML elements.
Embedded: The Head element can have a Style element within which the code can be placed.
Linked/ Imported: CSS can be placed in an external file and linked via link element.
What benefits and demerits do External Style Sheets have?
Benefits:
One file can be used to control multiple documents having different styles.
Multiple HTML elements can have many documents, which can have classes.
To group styles in composite situations, methods as selector and grouping are used.
Demerits:
Extra download is needed to import documents having style information.
To render the document, the external style sheet should be loaded.
Not practical for small style definitions.
What is the origin of CSS ?
Standard Generalized Markup Language marked the beginning of style sheets in 1980s.
What are the different variations of CSS ?
The variations for CSS are:
CSS 1
CSS 2
CSS 2.1
CSS 3
CSS 4
What are the limitations of CSS ?
Limitations are:
Ascending by selectors is not possible
Limitations of vertical control
No expressions
No column declaration
Pseudo-class not controlled by dynamic behavior
Rules, styles, targeting specific text not possible
 |
| Baidu Most Frequently Asked Latest CSS Interview Questions Answers |
What are the advantages of CSS ?
Advantages are:
Bandwidth
Site-wide consistency
Page reformatting
Accessibility
Content separated from presentation
What are CSS frameworks?
It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.
How block elements can be centered with CSS1?
Block level elements can be centered by:
The margin-left and margin-right properties can be set to some explicit value:
CSS
BODY {
width: 40em;
background: fluorescent;
}
P {
width: 30em;
margin-right: auto;
margin-left: auto
}
BODY {
width: 40em;
background: fluorescent;
}
P {
width: 30em;
margin-right: auto;
margin-left: auto
}
In this case, the left and right margins will be each, five ems wide since they split up the ten ems left over from (40em-30em). It was unnecessary for setting up an explicit width for the BODY element; it was done here for simplicity.
Merits of Embedded Style Sheets:
Multiple tag types can be created in a single document.
Styles, in complex situations, can be applied by using Selector and Grouping methods.
Extra download is unnecessary.
Demerits of Embedded Style Sheets:
Multiple documents cannot be controlled.
Differentiate Class selector from ID selector?
While an overall block is given to class selector, ID selector prefers only a single element differing from other elements. In other words, ID are uniques while classes are not. Its possible that an element has both class and ID.
Can more than one declaration be added in CSS?
Yes, it can be achieved by using a semicolon.
What is Pseudo-elements ?
Pseudo-elements are used to add special effects to some selectors. CSS in used to apply styles in HTML mark-up. In some cases when extra mark-up or styling is not possible for the document, then there is a feature available in CSS known as pseudo-elements. It will allow extra mark-up to the document without disturbing the actual document.
How to overrule underlining Hyperlinks?
Control statements and external style sheets are used to overrule underlining Hyperlinks.
E.g.:
B {
text-decoration: none;
}
<B href="career.html" style="text-decoration: none">link text</B>
B {
text-decoration: none;
}
<B href="career.html" style="text-decoration: none">link text</B>
What does CSS selector mean?
A string equivalent of HTML elements by which declarations or a set of it, is declared and is a link that can be referred for linking HTML and Style sheet is CSS selector.
Enlist the media types CSS allows?
The design and customization of documents are rendered by media. By applying media control over the external style sheets, they can be retrieved and used by loading it from the network.
Differentiate logical tags from physical tags?
While physical tags are also referred to as presentational mark-up, logical tags are useless for appearances.
Physical tags are newer versions while logical tags are old and concentrate on content.
Differentiate Style Sheet concept from HTML?
While HTML provides easy structure method, it lacks styling, unlike Style sheets. Moreover, style sheets have better browser capabilities and formatting options.
Post a Comment