Час почати писати Ваш CSS
Спочатку зробіть межу кожного div
-розділу видимою. Наприклад, div {border:1px dotted gray; padding:.5em}
Це допоможе Вам бачити де розділи починаються і де закінчуються, а також чи є, чи не має вкладених розділів.
Спочатку напишіть Ваш CSS для елементарних селекторів (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, і т.п.)
Використовуйте контекстні та наслідувані селектори завжди, коли можна. Це зробить розмітку більш чистою. Наприклад, #subnav li{border:1px solid black; padding:.5em; display: inline}
спрацює лише зі списками "list", які знаходяться в середині розділу div
головного меню.
Перевіряйте відображення розмітки в усіх браузерах, де лише є можливість і дайте перевірити друзям у їх браузерах.