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

  1. Akzeptieren Sie das GitHub Classroom Assignment über den Link im Moodle-Kurs.
  2. Klonen Sie Ihre persönliches Repository.
  3. Bearbeiten Sie das CSS-File style.css und stylen Sie damit die Website in index.html.
    • Importieren Sie style.css in index.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.
  4. Validieren Sie Ihren HTML-Code auf Einhaltung der Standards.
  5. Geben Sie Ihre Lösung mittels Push ins Repository ab.

Anforderungen

  1. Es soll einheitlich die Schriftfamilie Futura für alle Texte verwendet werden.
  2. header und footer besitzen die Hintergrund-Farbe cornflowerblue.
  3. Die Elemente im <main> besitzen die Hintergrund-Farbe lawngreen.
  4. Die Elemente im <nav> besitzen die Hintergrund-Farben gold und orangered.

⇒ GitHub Repo für externe Besucher

GitHub Repository https://github.com/templates-html/m293-lu12-a03-universalselector.git

Lernende am BZZ müssen den Link zum GitHub Classroom Assignment verwenden

Daniel Garavaldi, Kevin Maurizi