Itt az ideje megírni a CSS-ed
Az elején minden div
-nek adj szegélyt, például: div {border:1px dotted gray; padding:.5em}
. Ez segíteni fog, hogy lásd melyikük hol kezdődik és végződik, és hogy van-e beillesztés vagy nincs. (Azonban nem szabad elfelejteni, hogy a fejlesztés közben használt időleges div-ek keretének törlése után el fog tolódni minden 1px-el. Tehát ezt figyelembe kell vennünk, amikor kereteket használunk a szerkesztéskor. - a ford.)
Először az elem kiválasztók CSS-ét írd meg. (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, stb.)
Használj összefüggő és leszármaztatott kiválasztókat, ha lehet. Ez tisztábban fogja tartani a kódod. Például a #subnav li{border:1px solid black; padding:.5em; display: inline}
csak azokat a list elemeket érinti, amik a subnav div
-ben fordulnak elő.
Teszteld az oldalt annyi fajta böngészőben, amennyiben csak tudod, és a barátaidat is kérd meg, hogy próbálják ki az övéikben.