6.3 Erweiterung der CSS-Formatierung
Gliederung:
6.3.1 Hintergrundformatierung
6.3.2 Schriftformatierung
6.3.3 Absätze und Ausrichtungen
6.3.4 Listenformatierung
6.3.5 Selbsttest zu Erweiterung der CSS-Formatierung
Im vorherigen Kapitel haben wir die wichtigsten Eigenschaften von CSS kennengelernt und erfahren, wie wir sie anwenden können. Von der Schriftformatierung bis zur Ausrichtung von Texten oder Listen – CSS bietet zahlreiche Möglichkeiten, um Webseiten individuell zu gestalten.
Damit wir den Überblick nicht verlieren, haben wir hier ein Cheat-Sheet mit den wichtigsten CSS-Eigenschaften und typischen Werten erstellt:
Eigenschaft | Beschreibung | Typischer Wert |
---|---|---|
background-color |
Hintergrundfarbe eines Elements | mintcream |
background-image |
Hintergrundbild eines Elements | url('background.jpg') |
background-position |
Position des Hintergrundbildes | bottom right |
background-size |
Größe des Hintergrundbildes | cover |
font-family |
Schriftarten und Schriftfamilien | 'Arial', sans-serif |
font-style |
Schriftstil | italic |
font-size |
Schriftgröße | 16px oder x-small |
font-variant |
normaler Schrift und Kapitälchen | petite-caps |
font-weight |
Dicke der Schrift | bold |
text-decoration |
Unterstreichen, überstreichen, durchstreichen | underline |
color |
Textfarbe | darkslategray |
line-height |
Zeilenhöhe | 1.5 |
white-space |
Verhalten des Zeilenumbruchs | pre-wrap |
text-align |
Horizontale Textausrichtung | center |
vertical-align |
Vertikale Ausrichtung | middle |
list-style-type |
Typ des Aufzählungszeichens | disc |
list-style-position |
Position des Aufzählungszeichens | inside |
list-style-image |
Eigenes Bild als Aufzählungszeichen | url('bullet.png') |