Photograph of the Milky Way above the Mobius Arch in the Alabama Hills

This resource addresses everything in CSS from selectors to filters, covering the fundamentals of Cascading Style Sheets. The list continues to expand as the CSS specification grows: several series currently in production (including ) will be added soon.

Each module contains supplementary material, recommended exercises, external references and suggested exercises. If you have feedback, corrections or suggestions, please feel free to contribute in the comments section below.

Goal: learn and apply CSS to enhance the presentation of web page content.

Prerequisites: Reading List for HTML

Total time (core material): 60 hours

  1. Introduction to CSS
  2. Selectors
  3. Pseudo-Class Selectors
  4. Pseudo-Element Selectors
  5. Typography
  6. Color
  7. The Box Model
  8. Borders
  9. Basic Page Layout
  10. Images
  11. Navigation
  12. Forms & Tables
  13. Lists
  14. Gradients & Shadows
  15. Positioning, Layering & Hiding
  16. Flexbox
  17. Transforms & Animation
  18. CSS 3D
  19. Filters
  20. Text Effects
  21. Shapes & Masks
  22. Blend Modes
  23. Sass
  24. Print

When You’re Done

CSS controls the appearance of web page elements, with limited interactivity. To add that kind of behaviour – and much more – you need to learn how to apply . If you haven’t already done so, I would suggest working through the reading lists for accessibility and search engine optimisation.

Photograph of the Milky Way, Mobius Arch in the Alabama Hills by Kartik Ramanathan, used under a Attribution Non-commercial No-Derivations 2.0 generic license

Enjoy this piece? I invite you to follow me at to learn more.