Interview Questions for front end Developer (CSS2,CSS3):

Ques: What is the use of CSS sprites?

1. A web page with large number of images takes a longer time to load. This is because each image separately sends out a http request.

2. The concept of CSS sprite helps in reducing this loading time for a web page by combining various small images into one image. This reduces the numbers of http request and hence the loading time.

Ques: difference between class selector and ID selector?

1. Class selector can be given to an overall block. This is sometimes termed as block element as well, whereas ID selector identifies a unique name and a style for a specific element.
2. ID selector declares the style for only one particular element which can be differentiated from other element, whereas Class selector is being given for the whole complete block.

Ques :what is  CSS Box Model ? What are the elements that it includes?

CSS box model defines the design and layout of the styling element. It is a box that shows the elements that will come before others. Like, it consists of margins, borders, padding, and the actual content. It allows a structured way to show the elements in comparison to other elements. 

The terms that are used in box model is shown as:

1. Margin – It shows the top most layer and it shows the overall structure which consists of border and other elements that is being shown below.
2. Border – It shows the padding and content option and keep a border around it. Border can be affected by background color.
3. Padding – It shows the space between the content blocks. It is affected by the background color.
4. Content –. It shows the actual content like text and images. These all are essential terms that allows you to understand the structure and apply it to your code.