Wie schreibt man ein Stylesheet?

Ich möchte mich hier auf die Verwendung von externen Stylesheet Dateien beschränken.

Ein Stylesheet besteht in der Regel aus mehreren CSS Anweisungen. Diese Anweisungen müssen nicht, bis auf Ausnahmen, in einer bestimmten Reihenfolge geschrieben werden. Allerdings findet man sich besser in einem großen Stylesheet zurecht, wenn man es logisch ordnet und mit Kommentaren versieht. Mehrzeilige Kommentar beginnen mit einem Schrägstrich gefolgt von einem Stern /* und enden mit einem Stern gefolgt von einem Schrägstrich */.

CSS Anweisung

Eine CSS Anweisung besteht aus 2 Teilen.
Einem Selektor und einer oder mehreren Deklarationen:

Jede Deklaration endet mit einem Semikolon.
Die Deklarationen werden mit geschweiften Klammern {} eingeschlossen.
Eine Stylesheetanweisung für eine Überschrift 1. Ordnung mit einer Schriftgröße von 130 %, fett und Schriftfarbe rot sähe zum Beispiel wie folgt aus:

h1 { font-size: 130%; font-weight: bold; color: #FF0000; }

Der Selektor

Bei der Wahl des Selektors gibt es verschiedene Möglichkeiten:

1. Der Selektor spricht direkt den HTML Tag an.
   Zum Beispiel:
   p
   
   body
   
   Es können auch mehrere Elemente angesprochen werden, die dann durch Kommata getrennt werden.
   Zum Beispiel:
   p, h1
   
   Es können auch verschachtelte Elemente angesprochen werden.
   Zum Beispiel:
   Ein Link a in einem Absatz p
   Dann ist der Selektor p a
2. Der Selektor spricht eine im HTML der Seite definierte Klasse an.
   Zum Beispiel steht im HTML-Code <span class="markierung">
   Dann ist der Selektor .markierung oder span.markierung.
3. Der Selektor spricht eine im HTML der Seite definierte ID an.
   Zum Beispiel steht im HTML-Code <div id="navi">
   Dann ist der Selektor #navi.