demosthenes.info

Independent notes on CSS, SVG, animation and front-end design.

Articles / Article

A Complete Reading List For CSS

From selectors to filters

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

This resource addresses everything in CSS from selectors to filters, covering I would consider the fundamentals of Cascading Style Sheets: naturally, “complete” is a relative term. The list will be added to over time, as the CSS specification continues to grow: I have several series currently in production (including flexbox and shapes) that will be added in due course.

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. Typography
  2. Images
  3. Forms & Tables
  4. CSS 3D
  5. 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, currently in its own category on this blog, with a reading list to follow. In the meantime, 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