Top CSS Interview Questions and Answers

1 .

CSS is the acronym for "Cascading Style Sheet". CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. Css are three types Class base css, Tag base css, ID base css.

2 .

What are the different variations of CSS ?

Following are the different variations of CSS :

CSS1

CSS2

CSS2.1

CSS3

CSS4

3 .

Explain the advantages of CSS ?

Below are some of the advantages of CSS :

1. Accessibility

2. Multiple Device Compatibility

3. Page will load fast

4. Maintenance is Easy

5. Offline Browsing

4 .

What is CSS selectors ?

In CSS selectors are patterns used to select the element's you want to style. Use our CSS Selector Tester to demonstrate the different selectors.

There are several different types of selectors in CSS.

1. CSS Class Selector

2. CSS Id Selector

3. CSS Universal Selector

4. CSS Element Selector

5. CSS Group Selectors and more selectors etc...

5 .

How can you integrate CSS on a web page ?

There are three methods to integrate CSS on web pages.

1. Inline method (or) CSS

2. Internal method (or) CSS

3. External method (or) CSS

Inline css : The css which is written in the tags in the body of html documents is called Inline css.

Internal css : The css which is written internally within the html document in the head tag is called Internal css.

External css : The css which is written externally and it is linked within head tag is called External css.

6 .

What is the difference between Class base CSS, Tag base CSS, ID base CSS ?

Class Base : The css used to redefine the elements of html is called as class base css.It is denoted by dot(.) before the name. The class based css file is using to multiple times of single document.

ex: ( .sample{color:#000;} )

Tag Base : The css used to apply for tag of html is called as tag base css. Tag base css is denoted with tags(body,img, ul, li,p,table,h1 to h6..etc)

ID Base : The css used to create block elements is called as ID base css. Alternative for creating table(cell) without html.It is denoted by (#)before the name. The ID based css file is using to single time of single document.

ex: #header,#banner etc.

7 .

Explain CSS Padding and Margin.

Padding : Padding is used to define the space between the content and the border. (Inside Border)

Margin : Margin is the space outside the border. (Outside Border)

You can easily specify the different paddings and margins for the different sides of an element such as top, right, bottom or left side using the CSS individual padding and margin properties.

8 .

What is CSS Box Model ?

The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.

9 .

Explain child selector in CSS ?

Child selectors can be used for applying the style for parent element and this will descend to the child elements. Below is the example -

body > input{
 color: #FFFFF1;
}

10 .

How to combine multiple style sheets into single page ?

Multiple style sheets can be combined by using the <link> tag and the with the title attribute. The title value allows one or more <link> tags to link with each other. After combination that theme will be applied as combined and will be shown to the user.

The syntax of it will be as follows :

Another way to combine the style sheets is the use of import which can be used in the <style> tag and the syntax can be given as follows:

@import url(site_url);