CSS- Text
CSS hat viele Eigenschaften zum Formatieren von Text.
Textformatierung
Dieser Text wird mit einigen der Textformatierungseigenschaften formatiert. Die Überschrift verwendet die Eigenschaften text-align, text-transform und color. Der Absatz wird eingerückt, ausgerichtet und der Abstand zwischen den Zeichen angegeben. Die Unterstreichung wurde von diesem farbigen -Link entfernt.
Textfarbe
Die color
Eigenschaft wird verwendet, um die Farbe des Textes festzulegen. Die Farbe wird angegeben durch:
- ein Farbname - wie "rot"
- ein HEX-Wert - wie "#ff0000"
- ein RGB-Wert - wie "rgb(255,0,0)"
Unter CSS -Farbwerte finden Sie eine vollständige Liste möglicher Farbwerte.
Die Standardtextfarbe für eine Seite wird in der Körperauswahl definiert.
Beispiel
body {
color: blue;
}
h1 {
color: green;
}
Textfarbe und Hintergrundfarbe
In diesem Beispiel definieren wir sowohl die background-color
Eigenschaft als auch die color
Eigenschaft:
Beispiel
body {
background-color: lightgrey;
color: blue;
}
h1 {
background-color: black;
color: white;
}
div {
background-color: blue;
color: white;
}
Wichtig: Ein hoher Kontrast ist für Menschen mit Sehproblemen sehr wichtig. Achte also immer darauf, dass der Kontrast zwischen der Textfarbe und der Hintergrundfarbe (bzw. dem Hintergrundbild) gut ist!