Es ist Zeit, das Stylesheet zu schreiben
Zunächst geben Sie jedem div
einen Rahmen (border
), beispielsweise div {border:1px dotted gray; padding:.5em}
Das wird Ihnen helfen, zu sehen, wo diese beginnen und enden, und ob Sie irgendwelche Bereiche verschachtelt haben oder nicht.
Schreiben Sie zuerst Ihr CSS für Element-Selektoren (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, usw.)
Nutzen Sie sinngemäße oder Nachfahrenselektoren so oft wie möglich. Das wird Ihr Markup sehr viel sauberer halten. Beispiel: #unternav li{border:1px solid black; padding:.5em; display: inline}
betrifft nur Listenelemente, die innerhalb ihres div
namens "unternav" stehen.
Testen Sie Ihre Seiten in so vielen Browsern wie möglich, und lassen Sie Ihre Freunde die Seiten in ihren Browsern testen.