Listen-Layout

Betrachten Sie noch mal die Seite aus Listen mit Hervorhebungen. Korrigieren Sie zuerst alle HTML-Fehler, so dass Ihr HTML-Dokument valide ist. Setzen Sie darin einen Link auf eine neue CSS-Datei.

Erzeugen Sie die CSS-Datei und hinterlegen Sie darin schrittweise die folgenden Regeln. Testen Sie nach jedem Schritt die Wirkung der Regeln:

1. Alle <h1>-Überschriften sollen einen hellgrünen (lightgreen) Hintergrund haben.
2. Alle <dl>-Elemente sollen einen hellgrünen (lightgreen) Hintergrund haben.
3. Alle <dl>-Elemente sollen auf der linken Seite um 50Pixel nach rechts eingerückt sein. Die Eigenschaft dafür heißt margin-left: 50px.
4. Rücken Sie auch alle <ul>-Elemente um 30Pixel nach rechts ein.
5. Unterstreichen Sie alle <h1>-Überschriften mit Hilfe der folgenden Eigenschaft: border-bottom: 2px solid red;.
6. Färben Sie die Schrift aller Listenelemente (<li>) blau ein (color: blue;).
7. Setzen Sie die Hintergrundfarbe aller Listenelemente (<li>) in sortierten Listen auf die Farbe cyan.
8. Setzen Sie die Hintergrundfarbe aller Listenelemente (<li>) in unsortierten Listen auf die Farbe lightblue.