Webdesign - Webseiten planen, gestalten - Free-Hack Library

CSS
Schriftformatierung
font-family:
Legt die Schriftart fest.
Werte können ein oder mehrere Font-Namen und/oder
generische Font-Familien (z. B. serif, sans-serif, cursive,
fantasy, monospace) sein. Die einzelnen Werte werden
durch ein Komma getrennt und vom Browser nacheinander
abgearbeitet. Wird eine vorhandene Schrift gefunden, wird
diese verwendet. Aus diesem Grund sollte am Schluss der
Liste immer eine generische Font-Familie stehen.
font-size:
absoluter oder relativer Wert
Legt die Schriftgröße fest. Hier ist zu beachten, dass sich die
Schriftgröße bei Angabe relativer Werte aus den Werten der
Elternelemente und der gesetzten Größe errechnet.
font-style:
normal, italic, oblique
Legt die Schriftlage fest.
font-variant:
normal, small-caps
Stellt die Schrift in Kapitälchen dar.
font-weight:
normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600,
700, 800, 900
Legt die Schriftstärke fest. Achtung, nicht alle Schriftarten
unterstützen alle Werte.
Auch für die Schriftart gibt es eine zusammenfassende Eigenschaft:
font. Als Wert wird eine Mischung aus erlaubten Werten für
font-style, font-variant, font-weight, font-size, line-height und
font-family durch Leerzeichen getrennt notiert, die Reihenfolge
ist einzuhalten.
Für den Zeilenabstand gibt es die Eigenschaft „line-height“.
Innen- und Außenabstände
Die Innen- und Außenabstände wurden bereits im Kapitel „Das
Boxmodell“ (S. 83) erwähnt. Sowohl für margin als auch für padding
können analog zum Rahmen bis zu vier absolute oder relative
Werte angegeben werden. Die einzelnen Abstände können durch
margin, bzw. padding-top, -bottom, -left, -right gesetzt werden.
Ein Sonderfall ist der Wert „auto“ für die Eigenschaft „margin“.
margin-top: auto und margin-bottom: auto setzen den jeweiligen
Wert auf 0. margin-left: auto funktioniert nur zusammen mit
margin-right: auto und zentriert das Blockelement horizontal.
TECHNISCHE
GRUNDLAGEN
4
89