Camp 1 · Schritt 1 von 13

What is CSS?

The language that styles the web — see one page transform with a few lines of CSS.

8 Min.+50 XPAuf Englisch angezeigt — Übersetzung ist unterwegs

HTML gives a page structure; CSS (Cascading Style Sheets) gives it style — colors, fonts, spacing, layout, animation. Every beautiful page you've ever seen is HTML wearing CSS.

Watch it happen

The playgrounds on this trail show CSS applied to sample HTML, live. Try changing seagreen to tomato or 3rem to 1rem:

CSS

Live-Vorschau

The one pattern

Like HTML, CSS has a single grammatical pattern repeated forever:

selector {
  property: value;
  property: value;
}

Selector — which elements to style (h1, p, …)
Property — what to change (color, font-size, …)
Value — what to change it to (seagreen, 3rem, …)

Each property: value pair ends with a semicolon and is called a declaration. The whole block is a rule.

Checkpoint

In the rule p { color: gray; } — what is 'color'?

What's next

Where CSS actually lives — three ways to attach styles to a page, and the one professionals use.