Tijd voor CSS
Eerst geef je iedere div een randje. Bijvoorbeeld: div {border:1px dotted gray; padding:.5em}. Zo kan je zien waar ze starten en ophouden en of er sprake is van nesting.
Schrijf eerst je CSS voor element selectors (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, etc.).
Gebruik zoveel mogelijk contextuele of in hiëarchie dalende (descendant) selectors. Zo blijft je markup duidelijk. Bijvoorbeeld: #subnav li{border:1px solid black; padding:.5em; display: inline}heeft enkel invloed op een opsomming binnen de div ‘subnav’.
Controleer het resultaat in zoveel mogelijk browsers. Schakel er desnoods je vrienden voor in.
