Learn CSS
Learn CSS from your first rule to responsive layouts with Flexbox and Grid. Every lesson explains one idea in plain language and shows the code next to its live, rendered result, and most lessons end with an exercise.
Progress is saved in this browser. Accounts are coming later.
- Lessons available
- 47
- In the full course
- 47
- Beginner
Start from zero. No experience needed.
- Intermediate
Combine ideas to solve real problems.
- Advanced
The techniques used in professional work.
Course syllabus
All 47 lessons are available. Start anywhere, or follow the parts in order.
Part 1 · Beginner
CSS Fundamentals
Learn what CSS is, how to add it to a page, how rules and selectors work, and how the cascade decides which style wins.
Part 2 · Beginner
The Box Model
Understand how every element is a box, and control its size, spacing, borders and display type.
Part 3 · Beginner
Text, Backgrounds and Content
Style text and fonts, add backgrounds and gradients, and style lists, links and tables.
Part 4 · Intermediate
Layout
Position elements and build page layouts with Flexbox and Grid.
Part 5 · Intermediate
Responsive Design
Make pages work on every screen size with fluid layouts, media queries and container queries.
Part 6 · Intermediate
Effects and Motion
Add shadows and filters, smooth transitions, transforms and keyframe animations.
Part 7 · Advanced
Modern CSS
Custom properties, CSS functions, modern selectors, dark mode, and how to organize CSS in real projects.
Part 8 · Intermediate
CSS Interview Preparation
Questions asked in front-end and web developer interviews, with clear answers.
Keep going with CSS
Become a Better Programmer
Get new tutorials, coding challenges, and cheat sheets.