Je na čase začít psát vlastní CSS
Pro začátek, dejte každému div
u okraj. Například, div {border:1px dotted gray; padding:.5em}
To vám pomůže vidět, kde začínají a kde končí, a také jestli funguje vnořování.
Nejdříve napište CSS pro selectory elementů (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, atd.)
Používejte contextuální a následné selectory jak jen to je možné. To vám pomůže udržet zápis čistější. Například, #subnav li{border:1px solid black; padding:.5em; display: inline}
ovlivní pouze seznam položek, které se vyskytují uvnitř subnav div
.
Testujte v tolika prohlížečích, v kolika jen můžete a zapojte i přátele ať testují ve svých oblíbených.