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; most modules contain supplementary material, recommended exercises, external references and suggested exercises.

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
2. Selectors
3. Pseudo-Class Selectors
4. Pseudo-Element Selectors
5. Typography
6. Color
7. The Box Model
8. Borders
9. Layout
10. Images
11. Navigation
12. Forms & Tables
13. Lists
14. Gradients & Shadows
15. Positioning, Layering & Hiding
16. Flexbox
17. Transforms
18. Animation
19. CSS 3D
20. Filters
21. Text Effects
22. Shapes & Masks
23. Blend Modes
24. Sass
25. 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 JavaScript. 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 twitter.com/dudleystorey to learn more.