Cascading Style Sheets

Cascading Style Sheets (CSS) ist eine Ergänzungssprache, mit der Formatierangaben für HTML und XML wie Position, Schriftart und -größe von Elementen festgelegt werden können. Browser seit der vierten Generation unterstützen Cascading Style Sheets recht ordentlich, so dass heutzutage der Einsatz dieser Technik kein Problem mehr darstellt.

Wie andere Web-Techniken wird auch CSS vom W3C spezifiziert. Die CSS 1-Spezifikation ist mittlerweile relativ vollständig umgesetzt, bei CSS 2 sind einige Elemente bereits weit verbreitet (wie zum Beispiel position:absolute), an CSS 3 wird momentan gearbeitet.

CSS wird in Verbindung mit HTML verwendet, es ist auch möglich es mit XML-Dokumenten zu verwenden, für weiterführende Möglichkeiten wurde aber dann XSL entwickelt.

Die CSS-Sprache kann an drei Orten zur Anwendung kommen

Innerhalb von HTML-Marken
Als internes Stylesheet (in einer HTML-Datei)
Als externes Stylesheet (für eine HTML- oder XML-Datei)

Beispiel zu 1:

  <span style="color: green;">
     Text in grüner Farbe </span>

Beispiel zu 2:

  <html>
  <head>
  <style type="text/css">
      span {color: green}
  </style>
  </head>
  <body>
  <span>Hier ist nun der Text, der mit dem Stylesheet formatiert wird
     </span>
  </body>

  </html>

Beispiel zu 3: Im HTML-Dokument muss ein Verweis stehen

  <link> rel="stylesheets" href="meinStyleSheet.css" type="text/css"&lt/link>

Die Datei "meinStyleSheet.css" enthält dann den folgenden Text

   span {color: green; font-size: 150%;}

siehe auch: DHTML Stylesheet