Free Online Courses
Free certificateBeginnerWeb Development

Learn CSS

An evergreen CSS course on web.dev from the Chrome team, from box model to modern layout.

Taught byGoogle
Start free on Google

About this course

A text-based course written by members of Google's Chrome team and outside experts. Its 39 modules explain how CSS really works, from the box model, selectors, the cascade and specificity to color, layout, animation and accessibility, with interactive demos.

Best for: Anyone who uses CSS but wants to understand it properly.

What you will be able to do

  • Explain the box model, cascade and specificity
  • Choose the right selector for a job
  • Build layouts with Flexbox and Grid
  • Use color, typography and animation correctly

Syllabus and your progress

Tick modules off as you finish them on Google.

0 of 7 modules done

Plan your pace

At 4 hours a week you would finish in about 4 weeks, using the course time estimate above.

Progress is saved in this browser only. No account needed.

Cost and certificate

Free certificate

No certificate, but completing the quiz earns a free web.dev badge.

Before you start: Basic HTML

Google sets the terms and can change them. Check the course page before you commit serious time, and tell us if something changed.

Quick answers

Is Learn CSS really free?
Yes, the course material is free on Google. No certificate, but completing the quiz earns a free web.dev badge.
How long does Learn CSS take?
Plan for about 15 hrs in total (Editorial estimate; the provider does not publish a total. 39 articles plus a quiz.). It is self-paced, so you can go faster or slower.
Do I need experience before Learn CSS?
It helps to have: Basic HTML.

Part of these learning paths

Featured in

Topics

About Google

Free product training and certifications from Google.

All free Google courses

Keep going on AltFTool

Learn CSS

Free certificate

Start on Google