CSS Tutorial und HTML Beispiele

CSS (Cascading Style Sheets) Basics Tutorial. Dazu Beispiele mit HTML in Verbindung mit CSS.

CSS Text Format

Ausrichtung und Absatzkontrolle

Texteinrückung:

text-indent: 10px

Zeilenhöhe:

line-height: 10px

Textumbruch:

white-space: pre ^ nowrap

Vertikale Ausrichtung:

vertical-align: top ^ bottom ^ middle

Horizontale Ausrichtung:

text-align: left ^ center ^ middle ^ justify

Beispiel

<span style="font-size:15px; word-spacing:10px; font-weight:bold;">Beispiel</span>

Schriftformatierung

Schriftstil:

font-style: italic ^ oblique ^ normal

Schriftvariante:

font-variant: small-caps ^ normal

Wortabstand:

word-spacing: 20px

Zeichenabstand:

letter-spacing: 20px

Textfarbe:

color: #000000

Schriftgröße:

font-size: 10px

Schriftart:

font-family: Verdana

Schriftgewicht:

font-weight: bold ^ bolder ^ lighter ^ normal

Textdekoration:

text-decoration: none ^ underline ^ overline

Transformation:

text-transform: capitalize ^ uppercase ^ lowercase ^ none