CSS

Die Abkürzung CSS steht für Cascading Style Sheets. Häufig wird CSS ergänzend zur Auszeichnungssprache HTML eingesetzt. Denn während die Funktion von HTML lediglich in dem Auszeichnen von Texten besteht, dient CSS der Gestaltung des Layouts.

Die Abkürzung CSS steht für Cascading Style Sheets. Häufig wird CSS ergänzend zur Auszeichnungssprache HTML eingesetzt. Denn während die Funktion von HTML lediglich in dem Auszeichnen von Texten besteht, dient CSS der Gestaltung des Layouts.

Geschichte

CSS wurde bereits 1995 erfunden und untersteht sei dem einem kontinuierlichen Weiterentwicklungsprozess. In den Anfängen gab es neben dem, was heute als CSS bekannt ist, mehrere ähnliche Ansätze, aber die Erfinder des ursprünglichenCSS, Håkon Wium Lie und Bert Bos, waren erfolgreich mit der Umsetzung Ihrer Idee.

Versionen

CSS1

1995 wurde das W3C bei einer Präsentation auf CSS aufmerksam, und bereits Ende 1996 wurde die CSS Level 1 Recommendation (kurz CSS1) veröffentlicht. CSS1 wird mittlerweile von allen aktuellen Webbrowsern vollständig ausgelesen.

CSS2

Die nächste Version wurde bereits 1998 lanciert. Da es hier allerdings einige Unstimmigkeiten gab und CSS Level 2 bei der Verwendung im Web oft Probleme bereitete, weil verschiedene Webbrowser einige Dinge nicht vollständig oder korrekt umsetzten, hat man diese Version 2002 mit einer Zwischenversion CSS Level 2 Revision 1 (CSS2.1) überarbeitet, in der einige dieser Missstände behoben bzw. entfernt wurden. Es dauerte allerdings bis 2011, bis CSS2.1 als Recommendation verbreitet wurde.

CSS3

Die dritte Version von CSS ist schon seit 2000 in Arbeit. Im Gegensatz zur Level-2-Version hat man keine einzelne Spezifikation mehr eingesetzt, sondern die verschiedenen Features wurden mit CSS3 in verschiedene Module eingeordnet. Jedes Modul fügt neue Eigenschaften hinzu und erweitert die in CSS 2.1 definierten Features damit – wodurch auch alles besonders abwärtskompatibel bleibt. Im Gegensatz zu den vorangegangenen Versionen ist es sehr erfreulich, dass viele moderne Webbrowser auch einige der neuen CSS3-Module, die noch nicht mal durch das W3C standardisiert wurden, begünstigen.

Funktion

Der Inhalt einer Webseite besteht zumeist aus Text der mit Hilfe von HTML-Elementen seine semantische Bedeutung erhält, zusätzlich können Mediadateien wie Bilder oder Videos eingebettet werden. Häufig finden sich auch Scripte die bestimmte Effekte auf der Seite verursachen. Das Aussehen oder Erscheinungsbild einer modernen Webseite aber bestimmt das CSS.

CSS unterstütz die Trennung von Struktur und Gestaltung eines HTML-Dokumentes. Daraus ergibt sich:

• HTML definiert die Bedeutung respektive die Semantik des Inhalts.
• CSS definiert die Wiedergabe des Inhalts.

Somit lässt sich sagen das ohne HTML-Auszeichnung die Webseite für Crawler und andere Lesegeräte wenig Aussagekraft hat und ohne CSS die Seite wenig ansprechend wirkt.

Ein hervorragendes Beispiel für die Vielfältigkeit von CSS zeigt die Seite

csszengarden.com

Hier haben sich viele Künstler und Designer verewigt, doch jeder darf sich hier versuchen.

Zusätzlicher Nutzen

Da die Steuerung der Farben, Schriften, Schriftgrößen, Abstände usw. nur an einer Datei verändert werden müssen lässt sich eine gesamte Webseite schnell und effektiv umgestalten, falls nötig.

Dank der Trennung der (semantischen) Inhalte des HTML-Dokuments und der Gestaltung mit CSS wird auch der barrierefreie Zugang für Menschen mit eingeschränkten Fähigkeiten erleichtert.

Weblinks

• W3.org/Style/CSS

• css3.info

• w3schools.com/css