W09 // TEXT, COLOR, AND THE BOX MODEL
OCT 14 · Ch 4 Sec 4-6 · DUE: Assignment 4 (styled article page)
This week's deckPPTX
// RUN OF SHOW (8:45-10:15)
8:45
Stand-up: last week's deliverable graded, questions answered
9:20
At the keyboard: guided type-along
9:45
Build time: assignment or project work
10:10
Close: commit, push, and preview next week's reading
// THE POINT THIS WEEK
Styling text and color. Margin, padding, spacing. Shorthand properties.
// TALKING POINTS
Every element is a box
- Content, padding, border, margin, reading from the inside out
- Padding is space inside the border; margin is space outside it
- When spacing looks wrong, inspect the box in DevTools before touching code
Type and color set the voice
- font-family stacks list fallbacks: first available wins
- Color by name, hex, or rgb(); hex is week 3 paying rent
- Line height and margins do more for readability than any fancy font
> TREASURE HUNT WEEKThe Box Job opens today: student door · foreman key. Badge M. Run it in the build block or assign as the week's warm-down.
// LINKS