CSS als Darstellungsschicht des Webs

CSS entsteht aus einem Problem, das mit dem Erfolg des Webs wächst. HTML ermöglicht strukturierte Webdokumente und Hyperlinks. Mit der zunehmenden Verbreitung des Webs reicht diese Struktur allein aber nicht aus. Webseiten sollen nicht nur lesbar sein, sondern auch Orientierung bieten, wiedererkennbare Gestaltung besitzen, auf unterschiedlichen Geräten funktionieren und von verschiedenen Browsern sinnvoll dargestellt werden.

Ohne eine eigene Darstellungsschicht geraten Struktur und Gestaltung leicht durcheinander. HTML-Elemente werden dann nicht mehr nur verwendet, um Bedeutung und Gliederung auszudrücken, sondern auch, um Abstände, Größen, Farben oder Layouts zu erzwingen. Dadurch wird ein Dokument schwerer wartbar und semantisch unklarer. CSS antwortet auf dieses Problem, indem Gestaltung in Regeln ausgelagert wird.

Das Ereignis markiert deshalb den Übergang vom Webdokument als strukturierter Textform zur Webseite als gestaltbarem, regelbasiert dargestelltem Artefakt. Die Grundidee bleibt webtypisch: Struktur und Darstellung bleiben getrennt, aber aufeinander bezogen. Genau diese Trennung macht spätere Webentwicklung anschlussfähig.

CSS steht im Kontext der Webarchitektur, in der verschiedene Schichten unterschiedliche Aufgaben übernehmen. HTML beschreibt die Struktur eines Dokuments. HTTP organisiert den Abruf. URL/URI macht Ressourcen adressierbar. Der Browser interpretiert die erhaltenen Daten und stellt sie dar. CSS ergänzt diese Schichtung, indem es Darstellung als eigene Regelmenge beschreibt.

Diese Trennung ist konzeptionell wichtig. Eine Überschrift ist in HTML zunächst eine strukturelle und semantische Markierung. Wie groß sie erscheint, welche Farbe sie hat oder wie viel Abstand sie zum nächsten Abschnitt besitzt, ist eine Darstellungsfrage. CSS erlaubt, diese Darstellungsentscheidungen getrennt von der Dokumentstruktur zu formulieren. Dadurch kann dieselbe HTML-Struktur unterschiedlich gestaltet werden.

Für die Entwicklungslinie von Hypertext zu Webdokumenten bedeutet CSS eine Erweiterung. Das Webdokument wird nicht nur verlinkbar und strukturiert, sondern auch gestaltbar. Diese Gestaltbarkeit bleibt aber an Regeln gebunden. CSS ist damit kein bloßer Dekorationszusatz, sondern eine eigene Beschreibungsebene für sichtbare Ordnung.

Technisch beschreibt CSS Darstellungsregeln für Webdokumente. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Der Selektor bestimmt, auf welche Elemente sich die Regel bezieht. Die Deklarationen legen fest, welche Eigenschaften gesetzt werden, zum Beispiel Farbe, Schriftgröße, Abstand, Rahmen oder Positionierung. Damit wird Darstellung nicht manuell an jedes einzelne Element gebunden, sondern über Muster beschrieben.

Die Kaskade ist ein zentrales Prinzip von CSS. Mehrere Regeln können auf dasselbe Element wirken. Welche Regel sich durchsetzt, hängt unter anderem von Herkunft, Spezifität und Reihenfolge ab. Dadurch entsteht eine formale Konfliktlogik: Gestaltung ist nicht bloß eine Liste einzelner Anweisungen, sondern ein geordnetes System von Regeln, Prioritäten und Vererbungen.

Für die Informatik ist CSS deshalb ein gutes Beispiel für deklarative Beschreibung. Man beschreibt nicht Schritt für Schritt, wie ein Browser jeden Pixel zeichnen soll. Stattdessen werden Eigenschaften und Bedingungen formuliert, die der Browser interpretiert. CSS zeigt damit, wie eine sichtbare Oberfläche aus einer regelgeleiteten Interpretation von Dokumentstruktur und Stylesheet entsteht.

CSS wird erst dadurch tragfähig, dass es nicht nur als Idee einzelner Autorinnen oder Browserhersteller existiert, sondern als standardisierte Gestaltungssprache des Webs entwickelt wird. Für eine offene Webarchitektur reicht es nicht, dass ein Browser bestimmte Gestaltungsmöglichkeiten anbietet. Andere Browser müssen Regeln ebenfalls verstehen können, damit Webseiten nicht an eine einzelne Software gebunden sind.

Damit ist CSS eng mit der Arbeit des W3C verbunden. Standardisierung beschreibt, welche Selektoren, Eigenschaften, Werte und Verarbeitungsregeln gelten sollen. Browser können diese Regeln implementieren, Autorinnen können sich darauf beziehen, und Lernende können CSS als gemeinsamen fachlichen Gegenstand untersuchen. Ohne eine solche Standardisierung würde Gestaltung leicht in proprietäre Speziallösungen zerfallen.

Die Standardisierung von CSS ist zugleich ein langfristiger Prozess. Neue Layoutmodelle, Medienabfragen, responsive Gestaltung, Variablen oder moderne Selektoren erweitern die Sprache. Der Grundgedanke bleibt jedoch stabil: Darstellung wird als eigene, von der Dokumentstruktur getrennte und durch Browser interpretierbare Regelmenge beschrieben.