🛠️Aufgaben Kaskadierung

Style deine Website "Über mich" weiter:

1. Versuche, die Schriftart im Header mit einer anderen Font-Famliy zu überschreiben.

2. Bilder, welche im Header vorkommen, sollen runde Ecken haben (Radius: 10px).

3. Überschreibe das Styling der Links im Footer (Social-Links):

   • Sie sollen rot sein und nicht unterstrichen.

   • Bei Mouse-Over über die Links im Footer sollen die Schrift rot bleiben und der Link-Text unterstrichen werden.

Überprüfe das Resultat im Browser und den Code mit dem CSS-Validator, korrigiere allfällige Fehler.

Zusatzaufgaben für schnellere Lernende:

Auf Wunsch des Kunden soll ein alternatives Theme für die Website gewählt werden können.

1. Erstelle eine neue CSS-Datei color-theme.css und binde sie in deinem HTML-Dokument NACH styles.css ein.

2. Versuche nun in der neuen CSS-Datei einige Hintergrund- und Textfarben des Layouts zu überschneiden.

3. Teste die Webseite mal mit, mal ohne zusätzliches color-theme.css und schau dir den Unterschied an.