CSS (Cascading Style Sheets) is used to style and layout HTML elements, controlling colors, fonts, spacing, positioning, and responsive design.

What is the CSS Box Model?

The Box Model consists of content, padding, border, and margin. It defines the space around HTML elements and how they are calculated for sizing.

Flexbox is a CSS layout module that provides an efficient way to arrange, distribute, and align items in one-dimensional layouts with flexible sizing.

CSS Interview Questions

1. What is CSS and what role does it play in web development?

2. What is the difference between inline, internal, and external CSS?

3. How does the browser apply CSS to HTML elements?

4. What are CSS selectors?

5. What is the difference between class selectors and ID selectors?

6. What are attribute selectors in CSS?

7. What are pseudo-classes and pseudo-elements?

8. What is the difference between :nth-child and :nth-of-type?

9. How does CSS specificity work?

10. How do inline styles interact with specificity?