Dies ist eine alte Version des Dokuments!
LU12.A03 - Universal-Selektor anwenden
Sie haben die Grundlagen zu den speziellen CSS-Selektoren respektive den Universal-Selektor gelesen. Wenden Sie diesen Selektor gekonnt in dieser Übung an. Dazu ist folgender HTML-Code und CSS-Code (zu Visualisierung der HTML-Elemente) gegeben.
Vorgehen
- Akzeptieren Sie das GitHub Classroom Assignment über den Link im Moodle-Kurs.
- Klonen Sie Ihre persönliches Repository.
- Bearbeiten Sie das CSS-File
style.cssund stylen Sie damit die Website inindex.html.- Importieren Sie
style.cssinindex.html - Halten Sie sich an die beschriebenen Styling-Anforderungen
- Verwenden Sie so wenig CSS-Deklarationen wie möglich, um die Aufgabenstellung zu erfüllen.
- Recherchieren Sie die benötigten Selektoren, Eigenschaften und Werte auf SelfHTML oder W3CSchools.
- Validieren Sie Ihren HTML-Code auf Einhaltung der Standards.
- Geben Sie Ihre Lösung mittels Push ins Repository ab.
Anforderungen
- Es soll einheitlich die Schriftfamilie
Futurafür alle Texte verwendet werden. headerundfooterbesitzen die Hintergrund-Farbecornflowerblue.- Die Elemente im
<main>besitzen die Hintergrund-Farbelawngreen. - Die Elemente im
<nav>besitzen die Hintergrund-Farbengoldundorangered.

