E timpul să scrieţi CSS-ul
La început, daţi fiecărui div
un cadru. De exemplu, div {border: 1px dotted gray; padding: .5em}
Aceasta Vă va ajuta să vedeţi unde elementul începe şi unde se termină, şi dacă careva elemente se unesc între ele.
La început scrieţi CSS pentru selectorii elementari (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, etc.)
Utilizaţi selectori contextuali sau descendenţi cît mai frecvent. Aceasta va păstra marcajul D-stră mai curat. De exemplu, #subnav li {border: 1px solid black; padding: .5em; display: inline}
va afecta numai elementele dintr-o listă din div
cu id 'subnav'.
Testaţi în cît mai multe browsere posibil şi rugaţi prietenii să testeze în browserele lor.