CSS czas zacząć
Na początek ustaw obwódkę wokół każdego div
, np. div {border:1px dotted gray; padding:.5em}
To pomoże Ci zorientować się gdzie się zaczynają, kończą i czy zawierają inne div
y w sobie.
Zacznij pisanie CSS od selektorów dla elementów (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, itp.)
Gdzie tylko możesz używaj selektorów kontekstowych, jak np. selektor potomka (descendant selector). To pomoże Ci utrzymać czysty kod bez nadużywania klas. Na przykład #subnav li{border:1px solid black; padding:.5em; display: inline}
będzie dotyczyło tylko elementów listy wewnątrz elementu z id="subnav"
.
Koniecznie testuj kod w kilku przeglądarkach, aby nie wpaść w pułapkę polegania na błędzie jednej z nich.