CSS - Cascading Stylesheet

[30.10.2003]

Websites werden mit der Auszeichnungssprache HTML - Hypertext Markup Language - erstellt. Der Nachteil: Formatierungen wie Schriftart, Schriftgröße, Schriftfarbe, Hintergrundgrafik, Spaltenlayout etc. müssen dort definiert werden, wo sie dann erscheinen. änderungen müssen an jeder Stelle vorgenommen werden, an der ein spezielles Merkmal auftaucht. Bei umfangreichen Webauftritten ein eher mühseliges Unterfangen.

Abhilfe schuf hier die Entwicklung von Formatvorlagen, die alle typografischen Informationen enthalten. Diese Formatvorlagen werden im Webdesign Stylesheets bzw. Cascading Stylesheets (CSS) genannt. Text und Layout sind getrennt, Formatierungsmerkmale werden nur einmal zentral definiert. änderungen in der Formatierung müssen nur noch einmal angegeben werden und wirken sich auf das gesamte Dokument aus - ähnlich der Funktion der Druckformatvorlagen in einer Textverarbeitung.

Für das Webdesign bringt diese viele Vorteile: änderungen können einfacher vorgenommen werden; es können mehrere Varianten einer Website angeboten werden, z.B. in unterschiedlicher Farbgebung oder mit unterschiedlichen Schriftgrößen, die die Besucher der Website individuell per Mausklick auswählen können oder die vom Browser automatisch angewählt werden, je nachdem, ob man mit dem PC oder dem Handheld oder per Handy (WAP) surft.

Wie mit Hilfe der CSS-Technik verschiedene Gestaltungsvarianten von Websites angeboten werden können, sehen Sie auf www.webwriting.de/css-design/index.php - der Styleswitcher führt Ihnen die Auswirkung der Trennung von Inhalt und Layout vor - alles, was per Klick verändert wird, ist das Layout - durch Aufruf eines jeweils anderen CSS. Der Inhalt ist immer derselbe.

Infos zu CSS finden Sie z.B. auf folgenden Websites:

www.css-technik.de
www.drweb.de/csspraxis/index.shtml
www.selfhtml.teamone.de/css/index.htm