Schritt 6: Sonderselectors in CSS

Bisher haben Sie gelernt, HTML-Elemente mit CSS-Selectors zu verbinden. Das sah also so aus:

P {
  color: #ff0000;
}

Statt dem <p> haben Sie also einfach die Ihnen bekannten HTML-Tags geschreiben. Es gibt allerdings spezielle Selectors, die nur in CSS zur Verfügung stehen. Diese sind in seperaten Seiten erklärt aufgeführt.

• Umgang mit den a-Tags (sehr empfehlenswert)
• Scrollbars einfärben (nur IE5.5+)
• Layer

Schritt 7: Größenangaben

Cascading Style Sheets ermöglichen es viele Größenangaben zu verwenden. Erst einmal ein Beispiel:

P {
  font-size: 12pt;
}

Hier ist pt die Größenangabe. Es gibt aber noch einige mehr. Man kann sie in drei Gruppen unterteilen: relativ, absolut und prozentuale Werte. Zu beachten ist, dass an Stelle des Kommas ein Punkt steht.

Schritt 7.1: relative Größenangaben:

• 18px: Pixel, relativ zur Bildschirmauflösung; Je höher die Auflösung, desto kleiner wirkt die Schrift.

• 1.5em: der relative Wert zum übergeordneten Element (Schriftgröße...). Wenn Sie also folgendes schreiben:

P {
  font-size: 18px;
  line-height: 1.5em;
}

dann bedeutet das, dass die Zeile 1 1/2 mal so hoch ist wie die Schrift selbst. Also 27px. Das bedeutet allerdings auch, dass es zum definieren der Schriftgröße ziemlich ungeeignet ist.

• 150%: Prozentualer Wert zum übergeordneten Element, wobei 150% genau 1.5em entsprächen

Schritt 7.2: absolute Größenangaben:

• 0.5in: Inch, 1 Inch entspricht 2,54 cm

• 1cm: Centimeter

• 4mm: Millimeter

• 13pt: Punkte, 1pt = 1/72in = 0,035cm

• 1pc: Pica, 1pc = 12pt = 0,423cm