Vermeiden Sie möglichst HTML-Tags für das Design:
Einfach weil es nicht mehr zeitgemäß ist und Ihren Quellcode verwässert.
Nutzen Sie den Wert „none“ oder „0“:
Manchmal definieren die Browser selbst ein Element vor (zum Beispiel wenn Links automatisch unterstrichen werden). Um dies zu umgehen nutzen Sie die Wertzuweisung none! Bei einheitenbezogenen Angaben können Sie auch die 0 verwenden.
1 2 | a {text-decoration: none;} li {padding: 0px} |
Kennzeichen Sie Ihre Links deutlich und symbolisieren Sie die Aktion per Pseudoklassen.
Link allgemein:
1 | a {color:#930000; text-decoration: none;} |
Link beim Überfahren mit der Maus:
1 | a:hover {text-decoration:underline;} |
Link der aktiv besuchten Website:
1 | a:active {text-decoration:none; font-weight:bold} |
Link zu bereits besuchten Websites:
1 | a:visited {text-decoration:none; color:#C0C0C0} |
Wie hebe ich im Text (p-Container) etwas ohne <font>-Tag hervor?
Per <span>-Tag:
1 2 3 | <p>Das hier ist <span class="rot">rot<span> zu kennzeichnen.</p> .rot{color:#FF0000} |