Learn CSS
An evergreen CSS course and reference to level up your web styling expertise.
About Learn CSS
Learn CSS is an evergreen course and reference published on web.dev, part of Chrome for Developers content. It consists of 39 articles and one quiz covering CSS topics from fundamentals such as the box model, selectors, cascade, specificity, and inheritance through to more advanced areas including flexbox, grid, custom properties, animations, container queries, and view transitions.
The material is organized as a sequential set of short articles, each addressing a specific CSS concept or feature, and concludes with a quiz that awards a completion badge upon answering questions correctly. Content is written by members of the Chrome team and external experts.
The resource is aimed at web developers seeking to build or deepen their CSS knowledge, from basic styling concepts to newer CSS capabilities like anchor positioning, popover and dialog elements, and logical properties.
Key features
- 39-article evergreen course covering CSS fundamentals to advanced topics
- Covers layout systems including Flexbox, Grid, and logical properties
- Covers modern CSS features like anchor positioning, popover/dialog, and container queries
- Includes CSS quiz to earn a completion badge
- Written by members of the Chrome team and external experts
Frequently asked questions
Is Learn CSS free?
The page does not mention any cost, and the course is presented as open educational content on web.dev.
What topics does the course cover?
It covers 39 articles spanning box model, selectors, cascade, specificity, layout, flexbox, grid, animations, gradients, and more.
Who is Learn CSS for?
It is aimed at web developers who want to level up their CSS styling expertise, from fundamentals to advanced topics.
Is there a way to test my knowledge?
Yes, the course includes a CSS quiz you can take to earn a Learn CSS badge.
Who created this content?
It was written by members of the Chrome team and external experts as part of web.dev.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
JavaScript Tutorial
LearnJavaScript Tutorial provides clear and practical tutorials, tips, and examples to help developers learn JavaScript and improve their coding skills.
JavaScript30
Learn/ProgrammingBuild 30 things with vanilla JS in 30 days with 30 tutorials.
Khan Academy
Learn/ProgrammingLearn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.
Learn Enough to Be Dangerous
Learn/ProgrammingLearn Enough to Be Dangerous is designed to unleash your technical genius by teaching you technical sophistication.
Learn JavaScript
Learn/Programming/Code ChallengeLearn JavaScript in an interactive environment. Read short lessons, take notes, and complete challenges directly in your browser.
Learn UI Design
Design/Learn/UILearn UI Design is a full-length online course on user interface and web design: color, typography, layout, design process, and more. Includes downloadable resources, homework, and a student community.
