Struktúrált kód: kódold ahogy érted, értsd ahogy kódolod.

Míg az aktuális CSS-t megírni könnyű, addig a kinézetet megszerkeszteni CSS-el már teljesen más gondolkodásmódot igényel, mint amit valószínűleg a többségünk használt eddig.

Ahelyett hogy úgy gondolkodnánk, hogy "ez jön ide az meg oda" mialatt egy oldal kinézetén dolgozunk, inkább az információk fajtáira és szerkezetére gondoljunk.

A legfontosabb címnek <h1> tag-et adjunk, az alcímnek <h2>-t, stb. És a paragrafus az paragrafus legyen.

Ez az amit "struktúrált" és "jelentéstani" programozásnak hívunk.

Ahelyett, hogy a tartalmat táblázatok celláiba tennéd, rendezd div elemekbe. Adj a div -ednek egy id-t vagy class-t, ami az adott elem funkcióját és/vagy tartalmát írja le, a megjelenítése helyett.