Det är dags att börja skriva din CSS-kod
Till att börja med, ge varje div
en kantlinje. Exempel: div { border: 1px dotted gray; padding: .5em }
. Detta kommer hjälpa dig att se var de börjar och slutar, och också om de är nästlade eller inte.
Skriv CSS-koden för segmentsväljare först (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, osv)
Använd så mycket som möjligt väljare som indikerar sammanhang eller 'arv'. Detta kommer göra din kod mycket renare. Exemplet #subnav li { border: 1px solid black; padding: 0.5em; display: inline }
kommer bara påverka listobjekt som finns inuti din subnav div
.
Testa i så många webbläsare som möjligt och be vänner att testa i sina webbläsare.