🔹 Basics

  1. What is CSS and why is it used?
  2. What is the latest version of CSS?
  3. What are the different types of CSS?
  4. How do you include CSS in HTML?
  5. What is CSS syntax?
  6. What are selectors in CSS?
  7. What is a class selector?
  8. What is an ID selector?
  9. Difference between class and ID?
  10. What is the universal selector?

🔹 Box Model & Layout

  1. What is the CSS box model?
  2. What are margin and padding?
  3. Difference between margin and padding?
  4. What is border in CSS?
  5. What is outline?
  6. What is box-sizing?
  7. Difference between content-box and border-box?
  8. What is display property?
  9. Difference between block and inline elements?
  10. What is inline-block?

🔹 Styling

  1. How do you add colors in CSS?
  2. What are different color formats (HEX, RGB, HSL)?
  3. What is background property?
  4. What are font properties?
  5. How to align text in CSS?
  6. What is text-decoration?
  7. What is line-height?
  8. What is letter-spacing?
  9. What are web-safe fonts?
  10. How to import fonts?

🔹 Positioning

  1. What is position property?
  2. Difference between relative and absolute?
  3. What is fixed positioning?
  4. What is sticky positioning?
  5. What is z-index?
  6. What is overflow?
  7. What is float?
  8. What is clear property?
  9. How to center a div?
  10. How to center text vertically?

🔹 Selectors & States

  1. What are pseudo-classes?
  2. What are pseudo-elements?
  3. What is :hover?
  4. What is :nth-child()?
  5. What are combinators?
  6. What is descendant selector?
  7. What is child selector?
  8. What is attribute selector?
  9. What is specificity?
  10. What is !important?

🔹 Misc

  1. What is CSS inheritance?
  2. What properties are inherited?
  3. What is comment syntax in CSS?
  4. Is CSS case-sensitive?
  5. What is responsive design?
  6. What are media queries?
  7. What is viewport?
  8. What is rem vs em?
  9. What is opacity?
  10. What is visibility property?