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
Introduction
Selectors
Pseudo-Class Selectors
Pseudo-Element Selectors
Typography
Color
The Box Model
Borders
Layout
Images
Navigation
Forms & Tables
Lists
Gradients & Shadows
Positioning, Layering & Hiding
Flexbox
Transforms
Animation
CSS 3D
Filters
Text Effects
Shapes & Masks
Blend Modes
Sass
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.