Google News
CSS Interview Questions
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.
Following are the different variations 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
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...
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.

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

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

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;
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 :
<link rel= “text/css” href="bootstrap.css" title="combined">
<link rel= “text/css” href="style.css" title="combined">
<link rel= “text/css” href="slider.css" title="combined">

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);