Det er på tide at begynde og skrive din CSS
Til at begynde med, giv hver div
en ramme. For eksempel, div {border:1px dotted gray; padding:.5em}
Det vil hjælpe dig med at se hvor de begynder og slutter, og også om du har gang i noget indlejring.
Skriv din CSS for element selectors først (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, etc.)
Brug kontekstuelle eller nedarvede selectors så meget som muligt. Dette vil gøre din kode meget mere ryddelig. For eksempel, #subnav li{border:1px solid black; padding:.5em; display: inline}
vil kun påvirke liste elementer som er i din subnav div
.
Test i så mange browsere som muligt og få dine venner til at teste det i deres browsere.