← Back to Home

Week 04 - CSS Fundamentals

Reference files for the live-coding demos, in teaching order. Open any example and use View Source (right-click → View Page Source) to read the code — then rebuild it yourself.

▶  Open the Interactive Slides

1. CSS Selectors

Different selector types demonstrated

2. Colors in CSS

Hex, RGB, HSL color formats

3. Typography

Font and text styling

4. Box Model

Padding, border, margin visualization

Tip: don't copy-paste. Type the code yourself, break it on purpose, then fix it. Use DevTools (F12) to inspect what's happening.