🔹 Performance & Rendering

  1. What is Critical Rendering Path?
  2. What causes reflow and repaint?
  3. How to optimize CSS performance?
  4. What is will-change property?
  5. What is GPU acceleration in CSS?
  6. How does browser render CSS?
  7. How to avoid layout thrashing?
  8. What is progressive rendering?
  9. What is lazy loading in CSS context?
  10. How to reduce CSS file size?

🔹 Advanced Layout & Architecture

  1. What is CSS Subgrid?
  2. What is CSS Cascade Layers (@layer)?
  3. What are logical properties?
  4. Difference between logical and physical properties?
  5. What is writing-mode?
  6. What is multi-column layout?
  7. What is fragmentation?
  8. What is grid auto-placement?
  9. What is stacking context?
  10. How does z-index create stacking context?

🔹 Modern CSS Features

  1. What is :has() pseudo-class?
  2. What are container queries vs media queries?
  3. What is prefers-color-scheme?
  4. What is prefers-reduced-motion?
  5. What is pointer-events property?
  6. What is scroll-behavior?
  7. What is scroll-snap?
  8. What is CSS Houdini?
  9. What is custom paint API?
  10. What is env() function?

🔹 Architecture & Tooling

  1. What is CSS preprocessor?
  2. What is Sass, Less, Stylus?
  3. What is CSS-in-JS?
  4. What are CSS modules?
  5. What is PostCSS?
  6. What is autoprefixer?
  7. What is tree shaking in CSS?
  8. What is purge CSS?
  9. How to handle browser compatibility?
  10. What are vendor prefixes?

🔹 Advanced Concepts

  1. What is Shadow DOM?
  2. How does Shadow DOM affect CSS?
  3. What is encapsulation in CSS?
  4. What is scope in CSS?
  5. What is cascade order?
  6. What is specificity hierarchy?
  7. How does !important affect cascade?
  8. What is inheritance control?
  9. What is initial, inherit, unset, revert?
  10. How does calc() work?

🔹 Accessibility & Best Practices

  1. What is accessibility (a11y) in CSS?
  2. How to create accessible focus styles?
  3. What is skip-to-content link?
  4. How to handle color contrast?
  5. What are ARIA roles and CSS relation?
  6. How to support dark mode?
  7. How to reduce motion for accessibility?
  8. How to test CSS across browsers?
  9. What are common CSS pitfalls?
  10. How to scale CSS for large applications?