link

links

Vorgaben bzw. Event für Anker mittels CSS. Wie bei HTML existieren auch in CSS die 3 Angaben für:
  1. den noch nicht besuchten Link (link)
  2. den bereits besuchten Link (visited)
  3. dem momentan aktiven Link (activ)
    Darüber hinaus existiert noch eine vierte Unterklasse:
  1. der sogenannte hover
Hover bezieht sich auf den Mausevent "on mouse over".
Innerhalb dieser Unterobjekte werden Vorgaben bzg. Vordergrundfarbe und Hintergrundfarbe, Schriftarten und -größen und Text-decorationen zugewiesen.

Die Spezialität von hover ist nun, dass diese Unterklasse nur dann in Aktion tritt, wenn der User den Mauszeiger über dem Link positioniert.
Gern verwendete hover Attribute sind:
  1. text-decoration verändern
  2. Lupeneffekte erzeugen
  3. font-size ändern
  4. background-color ändern
  5. font-family ändern
  6. font-style ändern

Beispiel


Es wurden folgende Werte den jeweiligen Attributen zugewiesen:
a:link{color:#0000FF;}
a:vistited{color:#F0F0F0;}
a:activ{color:#00FF00;}
a:hover{color:#FF0000; font-size:20px;font-weight:900;background-color:#FFFF00;}

zurück zur Startseite