A
A:link | A:visited |
A:acitive | A:hover
Unter dieser schlichten Überschrift verbirgt sich eine hochwertiges gestalterisches Werkzeug. CSS erlaubt es nämlich
dem (wissenden) Designer, seinen Links spezielle Effekte zu verpassen.
Dies wird über vier verschiedene CSS-Tags verursacht:
- A:link styled den normalen Link
- A:visited styled schon besuchten Link
- A:active styled den zur Zeit aktiven Link
- A:hover styled den Link wenn die Maus darüberfährt
A:link (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Darstellung eines neutralen (nicht besucht, nicht aktiviert und
nicht mit der Maus "überfahren") Links.
Werte:Sie können alle Tags verwenden, die Sie bei HTML-Tags wie
<p> oder
<h1> benutzten.
Regel-Liste
Beispiel:
A:link {
font-size: 12pt;
color: #0000ff;
line-height: 14pt;
}
A:visited (css 1 - IE, Mozilla, Netscape, Opera)
Erklärung:
Bestimmt die Darstellung eines bereits besuchten Links.
Beispiel:
A:visited {
color: #ff00ff;
}
Zu beachten:
Alles was Sie vorher dem A:link-Tag zuwiesen gilt
weiterhin für dieses Tag. Allerdings werden doppelt vorhandene von den Variablen in A:visited
überlagert.
A:active (css - IE, Mozilla, Opera)
Erklärung:
Bestimmt die Darstellung eines gerade aktiven Links. Also wenn die Seite, auf
die der Link verweist, gerade geladen wird.
Beispiel:
A:active {
color: #f0f0f0;
}
Zu beachten:
Wiederum gilt: Alles was Sie vorher dem A:link-Tag
Auwiesen gilt weiterhin für dieses Tag. Allerdings werden doppelt vorhandene von den Variablen in
A:active überlagert.
A:hover (css 1 - IE, Mozilla, Opera)
Erklärung:
Bestimmt die Darstellung eines Links, über den gerade die Maus fährt.
Beispiel:
A:hover {
color: 0f0f0f;
text-decoration: none;
}
Zu beachten:
Wiederum gilt: Alles was Sie vorher dem A:link-Tag
zuwiesen gilt weiterhin für dieses Tag. Allerdings werden doppelt vorhandene von den Variablen in
A:hover überlagert.