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. Transforms & Animation
  17. CSS 3D
  18. Filters
  19. Text Effects
  20. Shapes & Masks
  21. Blend Modes
  22. Sass
  23. 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.