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')