Course · Interactive

CSS Advanced

Cascade layers, keyframe animation, container queries, dark mode, and production UI polish — 37 lessons styling the HTML Advanced academy capstone with instant preview grading.

Who it's for

Learners who completed CSS Foundations. HTML Advanced recommended.

What you'll learn

  • Control cascade with @layer and specificity strategies
  • Build dark/light themes with CSS custom properties
  • Animate UI with keyframes while respecting reduced-motion preferences
  • Use container queries, subgrid, and modern layout patterns
  • Style the production HTML Advanced academy capstone

Course contents

  1. 01Cascade layers & specificity
  2. 02Design tokens & dark mode
  3. 03Transitions, keyframes, transforms
  4. 04Container queries & subgrid
  5. 05Scroll, focus, print styles
  6. 06Dialog, skeleton, card polish
  7. 07Practice & academy capstone