XHTML Online Lernen

 
  Kursmaterial  
 

Elementreferenz
Attributreferenz
Unicode-Zeichentabelle
Farbtabelle
CSS-Eigenschaften
Glossar

 
  Zum Nachschlagen  
 

SelfHTML 8.0
W3C-Spezifikationen
Editor-Programme
Ressourcen im WWW
Buch-Tipps

 
 
 

Übung zu "CSS-Formatierung von Links"

 
 
Vorherige Lektion CSS-Formatierung von Links   Testfragen zu "CSS-Formatierung von Links" Nächste Lektion
 
 

In dieser Übung erstellen Sie CSS-Pseudoklassen für Links und definieren allgemeine CSS-Klassen.

Anleitung:

  1. 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.
  2. Öffnen Sie die Datei uebung_csslink.html im Editor zur Bearbeitung.
  3. 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.
  4. :link soll in der Farbe navy und unterstrichen dargestellt werden.
  5. :visited soll die Farbe teal haben und ebenfalls unterstrichen sein.
  6. :hover soll in der Farbe blue sein und nicht unterstrichen.
  7. Speichern Sie die Datei und testen Sie das Ergebnis im Browser.
  8. Definieren Sie eine allgemeine Klasse fett mit der CSS-Eigenschaft bold und weisen Sie diese Klasse beliebigen Links zu.
  9. Definieren Sie eine elementspezifische Klasse kursiv mit der CSS-Eigenschaft italic für a und weisen Sie diese beliebigen Links zu.
  10. Speichern Sie die Datei und beobachten Sie das Verhalten der Links im Browser.

 
 
Vorherige Lektion CSS-Formatierung von Links   Testfragen zu "CSS-Formatierung von Links" Nächste Lektion
 
   
©2002 Comet Communication GmbH Impressum