|
|
| |
|
In dieser Übung erstellen Sie CSS-Pseudoklassen für Links und
definieren allgemeine CSS-Klassen.
Anleitung:
- Laden Sie sich die Anleitung und Übungsdatei (uebung_csslink.zip)
herunter und entpacken Sie die ZIP-Datei in einen neuen Ordner uebung_csslink
im XHTML-Ordner auf Ihrem Rechner.
- Öffnen Sie die Datei uebung_csslink.html im Editor zur Bearbeitung.
- Schreiben Sie mit dem style-Element ein eingebettetes Stylesheet
(vgl. Lektion "Einbindung von Style")
mit CSS-Regeln für die Pseudoklassen :link, :visited
und :hover.
- :link soll in der Farbe navy und unterstrichen
dargestellt werden.
- :visited soll die Farbe teal haben und ebenfalls
unterstrichen sein.
- :hover soll in der Farbe blue sein und nicht
unterstrichen.
- Speichern Sie die Datei und testen Sie das Ergebnis im Browser.
- Definieren Sie eine allgemeine Klasse fett mit der CSS-Eigenschaft
bold und weisen Sie diese Klasse beliebigen Links zu.
- Definieren Sie eine elementspezifische Klasse kursiv mit
der CSS-Eigenschaft italic für a und weisen
Sie diese beliebigen Links zu.
- Speichern Sie die Datei und beobachten Sie das Verhalten der Links
im Browser.
|
|
|
|
|