Befehlsübersicht (Webseiten formatieren mit CSS)

1. Allgemeine Angaben
Festlegen der Vordergrundfarbe
Hex=#000000, Wort=black, RGB=000 000 000, transparent
color:black;

Festlegen der Hintergrundfarbe
background-color:black;

Festlegen eines Hintergrundbildes
background-image:url(bild.xyz);

Festlegen der Position des Hintergrundbildes - left, right, bottom,.....
background-position:left;

Festlegen des Verhaltens des Hintergrundbildes - fixed, scroll
background-attachment:fixed;

Festlegen der Wiederholung des Hintergrundbildes - no-repeat, repeat, repeat-x, repeat-y
background-repeat:no-repeat;

Hintergrund zusammengefasst:
background:black url(bild.gif) repeat fixed top;

Festlegen von Breite und Höhe - gängige Einheiten: %, px, em,
height:80px;
width:50%;
(keine Darstellung im Internet Explorer)
min(max)-width: 200px;
min(max)-height: 300px;

Festlegen der Rahmen - Arten: solid, dotted, dashed, outset, ....
border: 1px solid black;

Rahmen separat formatieren
border-color:black;
border-style:solid
border-width:2px; (thin, medium, thick)

einzelne Seiten des Rahmens formatieren
border-top:4px solid black;
border-top-color: black;
border-top-style: solid;
border-top-width: 4px;

Rahmen kolabieren lassen zwischen Tabellenzellen
border-collapse:collapse; (seperate)

Festlegen des Rahmenabstand
border-spacing:5px;

Elementeigenschaft festlegen
display:block, (inline)
Mit dieser Angabe legt man fest wie sich ein Element verhalten soll, wie ein Block-Element oder wie ein Inline-Element, es läst sich die default Eigenschaft eine Elementes ändern.

2. Elemente zur Textformatierung
Festlegen der Schriftart
font-family:tahoma, arial, sans-serif;

Festlegen der Schriftgrösse - gängige Einheiten: %, px, em,
font-size:100%;

Festlegen des gewischteten Schriftgrades - bold, normal, 100, 200, ....
font-weight:bold;

Festlegen des Schriftstiles - italic, oblique, normal
font-style:italic;

Festlegen der Buchstabenart - small-caps, normal
font-variant:small-caps;

Festlegen der Zeilenhöhe - gängige Einheiten: %, px, em,
line-height:20px;

Zusammengefasste Schriftformatierung:
font:italic small-caps bold 13px/20px verdana, sans-serif;
Die Angabe "13px/20px" steht dabei für font-size/line-height

Festlegen der Textdekoration - line-through, none, underline, overline, blink (Netscape)
text-decoration:underline;

Festlegen des Buchstabenabstandes - gängige Einheiten: %, px, em,
letter-spacing:2px;

Festlegen des Wortabstandes - gängige Einheiten: %, px, em,
word-spacing:4px;

Definieren von Listen - circle, square, decimal, lower-alpha, none, .....
list-style-type:circle;

Listen mit Bildern (eigene Bulletgrafik)
list-style-image:url(bild.xyz)

Festlegen der Listeneinrückung
list-style-position:inside; (outside)

Zusammengefasste Listenformatierung:
list-style:circle inside;
list-style:inside url(bild.gif);

3. Elemente zur Ausrichtung und Positionierung
Festlegen des Aussenabstandes - gängige Einheiten: %, px, em, auto
margin:10px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;

Festlegen des Innenabstandes
padding: 20px;
padding-top:20px;
padding-bottom: 20px;
padding-left:20px;
padding-right:20px;

Die Angaben für margin und padding können auch zusammen gefasst werden:
margin:20px 10px 0 50px;
padding:30px 20px 10px 10px;
Diese Angabe entspricht: margin(padding):top right bottom left;

Festlegen der Position - absolute, relative, fixed, static
position: absolute;
left: 50px;
top: 30px;
z-index: 1;

Umfliessen von Elementen
float: left; (right)

Umfliessen beenden
clear: left; (right, both)

Ausrichten von Inlineelementen
text-align: right; (left, center, justify)
vertical-align: middle; (bottom, top)Nur in Tabellenzellen bzw. bei Verwendung von display:table-cell;

Quelle: http://css.fractatulum.net/elemente.htm