Two superheroes

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 divy 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.

>
Scott Design