CSS Cascading Style Sheets


Allgemeine Informationen

HTML-Befehle enthalten Formateigenschaften (Styles).

So ist das Format des HTML-Befehl h1 (zur Definition einer Überschrift erster Ordnung) z.B. mit einer bestimmten Schriftgröße und bestimmten Abständen, zu vorherigen oder folgenden Elementen, definiert.

  • Cascading Style Sheets sind eine unmittelbare Ergänzung zu HTML.
  • Cascading Style Sheets sind Anweisungen zur Definition der Formateigenschaften von HTML-Befehlen, d.h. sie können die eigentlichen Formate der Elemente ändern.
  • Cascading Style Sheets werden in einer eigenen Sprache (CSS) formuliert.

Mit Hilfe von CSS kann man HTML-Befehlen individuelle Formateigenschaften zuweisen,
z.B. den HTML-Befehl h1 größer, kursiv und in roter Farbe formatieren.

Cascading Style Sheets bieten darüber hinaus jedoch noch weitere Möglichkeiten:

  • Erweiterte Formatierungsmöglichkeinten für HTML-Elemente
  • Festlegen von Drucklayouts für HTML-Dokumente
  • Festlegung und Formatierung beliebieger Bereiche innerhalb von HTML-Dokumenten
  • Pixelgenaues Plazieren von HTML-Elementen bzw. beliebiger Bereiche

Weiterhin können Style-Angaben in einer separaten Datei ausgelagert werden, und stehen so einer beliebigen Anzahl von HTML-Dokumenten zu Verfügung. Durch diese Eigenschaft können also - ohne großen Programmieraufwand - für große Projekte einheitliche Layout-Vorschriften verwirklicht werden.

Cascading Style Sheets der Version 1.0 werden von Netscape 6, Opera 5.0 und Msie ab der Version 5.0 interpretiert. Cascading Style Sheets der Version 2.0 jedoch nicht vollständig und teilweise unterschiedlich. Außerdem gibt es noch einige von Microsoft eingeführte Style-Angaben die Netscape nicht interpretiert.

HTML-Dokumente die Cascading Style Sheets verwenden, sollten daher ausreichend getestet werden.

Vom W3C wird die Verwendung von CSS-Angaben ausdrücklich empfohlen, wohingegen übliche Formatierungen, z.B. dateiweite Farbangaben im <body>-Tag oder Textformatierung mit dem <font>-Tag mißbilligt werden.