Kod strukturalny: koduj, co masz na myśli, myśl, co kodujesz

Pisanie samego CSS jest dość proste, ale używanie CSS do stworzenia układu strony wymaga innego podejścia niż dotychczas.

Podczas projektowania zamiast myśleć w ramach "to postawimy tu, a to tam", trzeba myśleć o rodzajach informacji na stronie i jej strukturze.

Najważniejsze nagłówki zamykamy w tagu <h1>; te niższego poziomu oznaczamy <h2>, itd., a akapity (paragrafy) to po prostu <p>.

To się nazywa kodem "semantycznym" lub "strukturalnym".

Zamiast wrzucać treść w tabelki, podziel ją na sekcje div-ami. Nadaj im id (identyfikator) lub class (klasę), która dobrze opisuje ich zawartość lub funkcję, ale nie nawiązuje do wyglądu.