link
links
Vorgaben bzw. Event für Anker mittels CSS. Wie bei HTML existieren auch in CSS die 3 Angaben für:
- den noch nicht besuchten Link (link)
- den bereits besuchten Link (visited)
- dem momentan aktiven Link (activ)
Darüber hinaus existiert noch eine vierte Unterklasse:
- 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:
- text-decoration verändern
- Lupeneffekte erzeugen
- font-size ändern
- background-color ändern
- font-family ändern
- 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