Table of Contents

A Calm, Coherent Arc for the CSS Primer

1. Foundations — How CSS Thinks

This is where we write about the mental models:

This chapter answers the question:

“What is CSS doing before I touch anything?”

It gives us the physics of the system.


2. Layout — How Elements Arrange Themselves

Once we understand the physics,
we can introduce the tools that extend normal flow:

This chapter answers:

“How do I guide the browser’s layout decisions?”

It builds directly on Foundations.


3. Selectors — How We Find Things

Now that we know how the browser arranges elements,
we learn how to target them:

This chapter answers:

“How do I point to the thing I want to style?”

It’s the bridge between structure and styling.


4. Structure — How We Shape the Document

This chapter is about the HTML–CSS relationship:

This answers:

“How do I shape the document so CSS can do its job?”

It’s the architectural chapter — the one that teaches restraint.


5. Visual Style — How We Express Appearance

Only now do we talk about the surface:

This chapter answers:

“How do we express the look and feel with clarity and care?”

It’s where the craft becomes visible.


6. Vocabulary — The Words We Use to Think in CSS

This chapter is the quiet glossary:

short definitions that reinforce understanding

It answers:

“What language do we use to talk about CSS clearly?”

This is the chapter that makes the Primer evergreen.

Why This Arc Works

It mirrors how humans learn:

It also mirrors how AI should be guided:

This is why your Primer feels evergreen —
it teaches the thinking, not the trends.