Blog Archive

Theme images by Storman. Powered by Blogger.


Monday, August 1, 2016

25 Very Helpful CSS Interview Questions With Answers | Latest.

25 Very Helpful CSS Interview Questions With Answers | Latest. Most Frequently Asked CSS Interview Questions For Freshers And Experienced. Latest Css Interview Questions And Answers.


1. What is CSS ?

The full form of CSS is Cascading Style Sheets. It is a styling language which is simple enough for HTML elements. It is popular in web designing, and its application is common in XHTML also.

2. What is the origin of CSS ?

Standard Generalized Markup Language marked the beginning of style sheets in 1980s.

3. What are the different variations of CSS ?

The variations for CSS are:

CSS 1
CSS 2
CSS 2.1
CSS 3
CSS 4

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

5. What are the advantages of CSS ?

Advantages are:

Bandwidth
Site-wide consistency
Page reformatting
Accessibility
Content separated from presentation
CSS
CSS

6. What are CSS frameworks?

It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.

7. 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:


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.

8. Who maintains the CSS specifications?

World Wide Web Consortium maintains the CSS specifications.

9. 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.

10. 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.

11. 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.

12. 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.

13. 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.

14. 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.

15. 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.

16. Describe ‘ruleset’?

Ruleset : Selectors can be attached to other selectors to be identified by ruleset.

It has two parts:

Selector, e.g. R and
declaration {text-indent: 11pt}

17. Comment on the Case-sensitivity of CSS ?

Although, there are no case-sensitivity of CSS, nevertheless font families, URL’s of images, etc is. Only when XML declarations along with XHTML DOCTYPE are being used on the page, CSS is case -sensitive.

18. Define Declaration block?

A catalog of directions within braces consisting of property, colon and value is called declaration block.
e.g.: [property 1: value 3]

19. Enlist the various fonts’ attributes?

They are:

Font-style
Font-variant
Font-weight
Font-size/line-height
Font-family
Caption
Icon


20. 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.

21. 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>

22. 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.

23. Can more than one declaration be added in CSS?

Yes, it can be achieved by using a semicolon.

24. 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.

25. 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>

0 on: "25 Very Helpful CSS Interview Questions With Answers | Latest."