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.css
und stylen Sie damit die Website inindex.html
.- Importieren Sie
style.css
inindex.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
Futura
für alle Texte verwendet werden. header
undfooter
besitzen die Hintergrund-Farbecornflowerblue
.- Die Elemente im
<main>
besitzen die Hintergrund-Farbelawngreen
. - Die Elemente im
<nav>
besitzen die Hintergrund-Farbengold
undorangered
.