Syntax von CSS-Formatanweisungen

CSS-Regeln

Eine CSS-Regel, auch Regelsatz legt fest, wie ein HTML-Element in einem HTML-Dokument dargestellt wird.

Das HTML-Element, dessen Formatierung von einer CSS-Regel beschrieben wird wird als Selektor bezeichnet.

Die Eigenschaften, die dem Selektor zugeschrieben werden sollen werden als Deskriptoren bezeichnet.

Selektor { Deskriptor1; Deskriptor2; ...}

Eine Regel kann sich auch auf mehrere Selektoren beziehen:

Selektor1, Selektor2, ... { Deskriptor1; Deskriptor2; ...}

Dabei ist zu folgendes zu beachten:

  • Selektoren werden durch Kommas voneinander getrennt.
  • Deskriptoren werden von Semikolons abgeschlossen.
  • Deskriptoren setzen sich aus einem Schlüsselwort gefolgt von einem Doppelpunkt und einer Wertangabe zusammen.
  • Die Liste der Deskriptoren wird von geschweiften Klammern umschlossen.

Hier ein Beispiel für eine CSS-Regel mit zwei Deskriptoren:

em { font-style: normal;   font-weight: bold; }

Kommentare in CSS

Es gibt die Möglichkeit CSS-Regeln zu kommentieren. Da die eigentlichen CSS-Regeln praktisch selbsterklärend sind, sollten Kommentare nur da wo sie unbedingt notwendig sind verwendet werden. Man muss jedoch beachten, dass Kommentare in CSS nicht verschachtelt werden können. Das "Auskommentieren" beim Debuggen von CSS-Bereichen, die schon Kommentare enthalten führt zu unerwarteten Fehlern.

Kommentare beginnen mit der Zeichenfolge /* und enden mit */. Der gesamte Text, der dazwischen, auch über Zeilengrenzen hinweg steht wird als Kommentar betrachtet.

/* Kommentartext */