You already saw HTML on its own last lesson — plain, unstyled, kind of ugly. CSS is the entire reason real websites don't look like that.
No coding required. Use the arrows, your keyboard, or swipe to move through.
CSS (Cascading Style Sheets) is a set of rules that tell the browser how HTML content should look. HTML says "this is a heading." CSS says "and it should be teal, bold, and centered."
If HTML is the framing of a house, CSS is the paint, the furniture, the lighting — everything that makes it feel like a finished room instead of bare walls.
If you think CSS is just "picking a color," you're missing most of it. CSS also controls layout, spacing, sizing, how a page rearranges itself on a phone versus a desktop, and even animation.
Rule of thumb: if it's about how something looks or where it sits on the page, that's CSS's job.
CSS points at HTML and describes how it should look. Click the properties below and watch the exact same card change — the HTML underneath never moves.
Crisp edges, soft centers, no fuss.
The "C" in CSS stands for Cascading — when more than one rule targets the same element, CSS has a pecking order. Toggle the rules below and watch which one wins.
View Full Recipe
You've now got structure (HTML) and design (CSS). The next lesson covers JavaScript — the layer that makes a page actually respond: menus that open, forms that check themselves, content that updates without reloading.
If HTML is the framing and CSS is the paint and furniture, JavaScript is the wiring — the lights that turn on and the doors that open.
You've got the concepts. The free Codecademy course below takes you through real CSS, hands-on, at your own pace. Go build something — it'll feel familiar now.