CSS topics
12 short topics in HTML CSS and Accessibility. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Selector matching and specificity
Demonstrate selector matching and specificity in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Cascade order and inheritance
Demonstrate cascade order and inheritance in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Box dimensions and sizing
Demonstrate box dimensions and sizing in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Layout and positioning
Demonstrate layout and positioning in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Flexible row and column layouts
Demonstrate flexible row and column layouts in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Grid layout and alignment
Demonstrate grid layout and alignment in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Responsive conditional rules
Demonstrate responsive conditional rules in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Typography and font rendering
Demonstrate typography and font rendering in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Custom properties and token composition
Demonstrate custom properties and token composition in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
State styling and pseudo-elements
Demonstrate state styling and pseudo-elements in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Animation and transition behavior
Demonstrate animation and transition behavior in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Motion and contrast accessibility
Demonstrate motion and contrast accessibility in a focused CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond CSS.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in Markup configuration and query languages.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.