Structurele opmaak: codeer wat je bedoelt, bedoel wat je codeert.

Terwijl het schrijven van de eigenlijke CSS code eenvoudig is, vergt het gebruiken van CSS voor de lay-out van je webpagina's een ietwat afwijkende manier van denken dan de meesten van ons gewend zijn.

In plaats van te denken 'Dit moet hier, en dat moet daar' terwijl we werken aan een pagina of opmaak, moeten we nu denken over het soort informatie op de pagina en welke structuur deze informatie heeft.

We geven de belangrijkste kop een <h1> tag; subkoppen worden gemarkeerd met <h2> tags, enzovoort; en paragrafen zijn paragrafen.

Deze manier van opmaken staat bekend als "structurele" of "semantische" opmaak.

In plaats van de inhoud in tabellen en tabelcellen te plaatsen, verpakken we ze in div elementen. Geef je div elementen een id of een class die beschrijvend is voor de inhoud en/of functie, in plaats van voor hun uiterlijk.