On aika aloittaa CSS:n luominen
Aluksi anna kaikille div:eille reunus. Esimerkiksi div {border: 1px dotted gray; padding: .5em} Tämä auttaa sinua näkemään mistä ne alkavata ja mihin ne päättyvät. Lisäksi huomaat nopeasti sisäkkäiset osat.
Kirjoita elementtien CSS ensin (esim. <html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, jne.)
Käytä kontekstuaalisia tai alenevia selektoreita mahdollisimman paljon. Näin pidät koodisi siistimpänä. Esimerkiksi #subnav li {border: 1px solid black; padding: .5em; display: inline} vaikuttaa ainoastaan listoihin, jotka ovat subnav-div:in sisällä.
Testaa sivuasi mahdollisimman monessa selaimessa ja pyydä kavereitasi kokeilemaan sitä omilla koneillaan.
