CSS - Casading Style Sheets

Die Abkürzung CSS steht für Casading Style Sheets, deren erste Version bereits 1996 veröffentlicht wurde. Mittlerweile ist eine aktualisierte zweite Version am Markt und es werden weitere Versionen folgen. Dies ist sehr wichtig, da die verschiedenen CSS Versionen von unterschiedlichen Browsern verschieden dargestellt werden. Deshalb muss bei der Gestaltung von Webseiten mit Hilfe von CSS darauf Rücksicht genommen werden, dass jeder Betrachter der Webseite verschiedene Browser verwendet und die Seite daher möglicherweise nicht in der selben Art und Weise dargestellt wird, wie sie ursprünglich erstellt wurde. Daher ist es sinnvoll nur Features zu verwenden die von möglichst vielen oder am besten von jedem Browser dargestellt werden können. Eine Übersicht darüber welche Funktionen von welchem Browser dargestellt werden können sind unter http://www.css4you.de/browsercomp.html zu finden (vgl. Ritter, 2007, css4you).

Casading Style Sheets sind eine Ergänzung zu HTML und können für Formateigenschaften und zur Trennung von Präsentation und Inhalt verwendet werden. Beispiele dafür sind das Definieren von Schriftfarbe, Schriftgröße, Absätzen oder auch Hintergrundfarben, Listen oder Formularen was nur mit HTML nicht möglich wäre. Ein besonderer Vorteil von CSS ist, dass große Projekte mit vielen verschiedenen Webseiten und externen Informationen einfach und schnell im gleichen Design gestaltet werden können, da Formate nur einmal festgelegt werden müssen. Weiters können mögliche Änderungen problemlos auf alle Seiten angewendet werden, indem der CSS-Code geändert wird. Einen weiteren Vorteil von CSS stellt die Möglichkeit dar nicht nur die gesamte Webpräsenz zu definieren, sondern auch Formatierungen für Endgeräte wie Drucker, Projektoren oder Monitore durchzuführen (vgl. Wacker, 2007, selfhtml), (vgl. Rodlmayr, 2003, Casading Style Sheets (CSS)).

Ein Beispiel für Casading Style Sheets:

h1 { color: blue } mit diesem Befehl können Überschriften in einem HTML Dokument zum Beispiel blau dargestellt werden. Der CSS-Code besteht meistens aus zwei Teilen. Der erste Teil, in diesem Fall "h1" ist der "Sektor" und der zweite, in der Klammer stehende Teil wird "Deklaration" genannt und beschreibt verschiedene Eigenschaften. Natürlich können auch mehrere Eigenschaften in einer "Deklaration" zusammengefasst werden (vgl. Schneider, 2005, Einführung in Casading Style Sheets).

Neben den CSS gibt es jedoch noch andere Sprachen zum Definieren von Stylesheets. Der Grund dafür ist, wie bereits weiter oben erläutert, dass CSS nur für HTML Dokumente verwendet werden kann. Für SGML Dokumente wird die "Document Style Semantics and Spedification Language" (DSSSL) und für XML Dokumente die "Extensible Stylesheet Language" (XSL) verwendet (vgl. Wacker, 2007, selfhtml).

Ich habe leider selbst noch nicht sehr viele Erfahrungen mit CSS gemacht, da ich bevor ich den Kurs "Nutzung interaktiver Medien" begonnen habe noch nie in diese Richtung gearbeitet habe. Bereits bei der ersten Hausübung habe ich CSS angewendet, wobei mir damals der Grund, warum CSS angewendet werden soll nicht wirklich klar war. Durch das Ausarbeiten von diesem Beitrag wurde mir jedoch bewusst, dass bei der Gestaltung von Webseiten CSS eine echte Erleichterung darstellen können, da eine übersichtliche, gleichbleibende Formatierung und Gestaltung möglich wird. Weiters sind mögliche Änderungen sehr leicht durchführbar. Aus diesem Grund möchte ich in Zukunft selbst mehr mit CSS arbeiten und mich noch mehr damit auseinadersetzen, damit mir die Anwendung von Style Sheets zunehmend leichter fällt.

Neben meinen Quellen sind auch folgende Homepages sehr interessant und hilfreich, wenn man mehr über CSS erfahren will, oder Hilfe für das Erstellen von Casading Style Sheets benötigt.

http://www.bjoernsworld.de/css/grundlagen.html

http://www.style-sheets.de/

http://meiert.com/de/publications/articles/20040420/

Quellen:

Ritter, M. (2007): CSS 4 you, URL: http://www.css4you.de/index.html, downloaded 31.10.2007

Rodlmayr, E. (2003): Casading Style Sheets (CSS), URL: http://students.idv.edu/248865/js-css/css.htm, downloaded 30.10.2007

Schneider, G. (2005): Einführung in Casading Style Sheets, URL: http://dciwam.de/faq/css/css-einfuehrung, downloaded 30.10.2007

Wacker, S. (2007): Style Sheets (CSS), URL: http://de.selfhtml.org/css/index.htm, downloaded 31.10.2007