Elemente des Dokuments

CSS

Maße, Farben, Pfadangaben

Maßangaben

absolute Maßangaben
pt	Point	1⁄72 inch = 0,03 cm = 0.3 mm
pc	Pica	1⁄6 inch = 12 Point = 0,42 cm = 4,2 mm
in	Inch	2,54 cm = 25,4 mm
mm	Millimeter
cm	Centimeter
relative Maßangaben
em	eigene Schrifthöhe
ex	Höhe des Buchstabens (gross) X
px	Pixel
%	Prozent

Farbangaben

Farben können durch 3 verschiedenen Methoden angegeben werden:

Methode	Beispiel	erzeugte Farbe
Hexadezimal	#ff0000	rot
Dezimal	rgb(255 0 0)	rot
Farbname	red	rot

Pfadangaben

Pfadangaben werden in CSS mit dem Schlüsselwort
url(und der Pfadangabe in runden Klammern) festgelegt.

Verwendung finden Sie hauptsächlich bei der Einbindung von Grafiken (als Hintergrund-Grafik oder als Grafik für Aufzählung-Zeichen zur Verwendung bei Listen).

relative Referenzierung: Grafik liegt im gleichen Verzeichnis wie das HTML-Dokument: body {background-image:url(grafik.gif);}
relative Referenzierung: Grafik liegt in einem Unterverzeichnis: body {background-image:url(bilder/grafik.gif);}
relative Referenzierung: Grafik liegt in einem übergeordneten Verzeichnis: body {background-image:url(../grafik.gif);}
absolute Referenzierung:: body {background-image:url(http://127.0.0.1/bilder/grafik.gif);}
body {background-image:url(http://www.irgenwo.net/bilder/grafik.gif);}
Angabe für eine Aufzählungsliste:: ul {list-style-image:url(icon1.gif);}
Unterklassen-Angabe für eine Aufzählungsliste, z.B. für Verschachtelungen:: ul.innen {list-style-image:url(icon2.gif);}