Strukturální zápis: kóduj co požaduješ, uvědom si co kóduješ
Zatímco samotné psaní CSS je jednoduché, používání CSS k vytvoření layoutu vyžaduje poněkud rozdílný způsob myšlení než na který jsme většinou zvyklí.
Spíš než přemýšlet o věcech jako "to přijde sem a tohle tam" zatímco pracujeme na stránce nebo layoutu, musíme přemýšlet o druhu informací na naší stránce a o jejich struktuře.
Nejdůležitějšímu titulku dáváme značku <h1>
; subtitulky dostanou zápis s <h2>
tagem, atd.; a odstavce jsou odstavce.
Tomu se říká "strukturální" nebo "sémantický" zápis.
Místo vkládání obsahu do tabulek a jejich buněk, se obalí div
elementy. Přidáme divům
id
nebo class
které jejich obsah a/nebo funkci, spíš než vzhled.