Структуриран код: пишете каквото мислите, мислете преди да пишете

Въпреки че писането на същинският CSS е просто, употребата на CSS за изработването на лейаута изисква малко по-различен подход, отколкото повечето от нас са свикнали.

Вместо да мислим за нещата като "това ще седи тук, онова - там", докато работим по лейаута на дадена страница трябва да мислим за вида на информацията в страницата и структурата на тази информация.

Обозначаваме най-важното заглавие на страницата с тага <h1>, подзаглавията маркираме с тагове <h2>, <h3> и т.н., а параграфите - като параграфи: <p>

Това се нарича "структуриран" или "семантичен" код.

Вместо да поставяте съдържанието си в таблици и клетки, поставете го в <div> таг. Наименувайте вашите семантични div елементи с характеристиката id или пък им добавете class, като нека името или класа описват съдържанието и функцията, а не визията.