Strukturel kode: Kod det du mener og men det du koder

Selvom det at skrive den egentlige CSS er simpelt, kræver det at anvende CSS til dit layout en lidt anden måde at tænke på end de fleste af os sikkert er vant til.

I stedet for at tænke på ting som "dette skal være her og dette skal være der" når vi arbejder på en side eller et layout, skal vi nu tænke på ting som typer af information på vores sider og strukturen på informationen.

Vi tildeler den vigtigste overskrift et <h1> tag; underoverskrifter får <h2> tags, etc.; og afsnit er afsnit.

Dette er hvad der forståes ved "strukturel" eller "semantisk" kode.

I stedet for at proppe dit indhold ind i tabeller og tabel celler pak det ind i div elementer. Giv dine div elementer et id eller en class som beskriver deres indhold og/eller funktion, snarere end deres udseende.