SELFHTML: Einführung / Web-Technologien / Stylesheets (CSS)
Author: Redaktion SELFHTML, selfhtml81@selfhtml.org
Description: Welche Aufgaben Stylesheets haben, und welchen Stellenwert diese Ergänzungssprache zu HTML heute hat.
Keywords: SELFHTML, Web-Technologien, Technologien, CSS, Cascading Stylesheets, Styles, Formatierung, Gestaltung
Date: 2005-08-22T21:21:39+02:00

| # Stylesheets
| Formatsprache für HTML-Elemente CSS-Versionen

## Formatsprache für HTML-Elemente

Mit HTML definieren Sie den grundsätzlichen Aufbau Ihrer Web-Seiten, die Elemente, die Strukturen, die Verweise, die referenzierten Elemente wie Grafiken, Multimedia usw. Aber HTML ist eigentlich nicht dazu gedacht, um exakt anzugeben, wie ein Element genau aussehen soll. So können Sie in HTML eine Überschrift definieren und dabei angeben, dass es sich um eine Überschrift 1. Ordnung handeln soll. Sie können innerhalb von HTML aber nicht bestimmen, wie groß, in welcher Schriftart usw. die Überschrift dargestellt werden soll. Das übernimmt der Web-Browser bei der Anzeige. Er benutzt dabei eine Mischung aus Grundeinstellungen, die der Anwender vornehmen kann, und fest programmierten Darstellungen einzelner HTML-Elemente.

An diesem Punkt setzen die Cascading Stylesheets ein. Es handelt sich dabei um eine unmittelbare Ergänzungssprache, die vorwiegend für HTML entwickelt wurde. Sie klinkt sich nahtlos in HTML ein und erlaubt das beliebige Formatieren einzelner HTML-Elemente. Mit Hilfe von Stylesheets können Sie beispielsweise festlegen, dass alle Überschriften 1. Ordnung 24 Punkt groß sind, in roter Helvetica-Schrift, mit einem Nachabstand von 16 Punkt und mit einer grünen doppelten Rahmenlinie oberhalb dargestellt werden. Sie können aber genauso gut auch für einen beliebigen Text festlegen, dass nur dieser Text 3 Zentimeter groß sein soll und eine gelbe Hintergrundfarbe erhält. Daneben hält CSS auch Möglichkeiten zum punktgenauen Platzieren von Elementen am Bildschirm und für andere Ausgabemedien wie Drucker oder Audio-Systeme bereit.

CSS erlaubt es, zentrale Formate zu definieren, beispielsweise für alle Überschriften erster Ordnung, oder für alle Textabsätze mit einem bestimmten Klassennamen, oder für kursiv ausgezeichneten Text, der innerhalb einer Tabellenzelle vorkommt. Die zentralen Formate können sich auf eine HTML-Datei beziehen, aber auch in eine externe Style-Datei ausgelagert werden, die Sie dann in allen gewünschten HTML-Dateien einbinden können. So werden einheitliche Formatvorgaben möglich, und der HTML-Code wird von unnötigem Ballast befreit.

CSS ist mit HTML eng verzahnt. Es lohnt sich daher, beide Sprachen gleichzeitig zu erlernen. Im HTML-Kapitel der vorliegenden Dokumentation werden Sie bei den Beschreibungen zu einzelnen HTML-Elementen deshalb immer auch auf die Möglichkeiten hingewiesen, wie Sie diese Elemente mit Hilfe von CSS gestalten können.

CSS ist ebenso wie HTML eine Klartextsprache. Auch für CSS brauchen Sie keine bestimmte Software, es genügt ein Texteditor. CSS ist wie HTML eine offen dokumentierte und vom W3-Konsortium standardisierte Sprache, die Sie frei und ohne Lizenzprobleme verwenden können.

Vom Internet Explorer wurde CSS schon recht früh unterstützt, da Microsoft sein Know How aus dem Bereich der visuellen Textverarbeitung in den Browser einfließen lassen konnte. Netscape tat sich dagegen schwer mit der Implementierung. Was die immer noch verbreitete Version 4.x an CSS beherrscht, ist insgesamt wenig ermutigend, und Web-Designer müssen alle Augenblicke lang wieder mit bösen Überraschungen bei diesem Browser rechnen. Erst in der von Grund auf neu programmierten 6er-Version des Netscape-Browsers ist CSS sauber umgesetzt. Aber auch beim Internet Explorer gab es lange Zeit eigenwillige Interpretationen einzelner CSS-Eigenschaften. Auch hier kann man erst seit der 5er-Version eine ausgereifte Umsetzung erwarten.

Das Verhalten der Browser ist der Grund, warum CSS bis heute eher vorsichtig eingesetzt wird. Dennoch setzt mittlerweile die Mehrzahl der Angebote im Web CSS mit Erfolg ein, und solange Sie Ihre Seiten mit verschiedenen Browsern austesten - was Sie ohnehin tun sollten - besteht kein Grund mehr, auf CSS und seine Vorteile zu verzichten.

## CSS-Versionen

Das Standardisierungsverfahren bei CSS folgt den gleichen Regeln wie das von HTML. Die erste CSS-Sprachversion in Form einer offiziellen Empfehlung (Recommendation) stammt bereits vom 17.12.1996, wurde allerdings 1999 noch mal in überarbeiteter Form herausgegeben. Die Spezifikation zu CSS1 ist auf den Seiten des W3-Konsortiums verfügbar:

CSS1-Spezifikation

Seitdem wurde CSS fleißig weiterentwickelt. Viele CSS-Eigenschaften, die längst beliebt geworden sind - etwa das absolute Positionieren von Elementen - gehören zum "CSS Level 2". Die Version 2.0 stammt vom 12.05.1998. Auch diese Version können Sie aufrufen:

CSS2-Spezifikation

Obwohl schon 1998 veröffentlicht, ist CSS2 noch immer nicht vollständig in allen verbreiteten Browsern umgesetzt. Beim W3-Konsortium wird indessen längst an den Versionen 2.1 und 3.0 gearbeitet. Über die Einstiegsseite zu CSS beim W3-Konsortium können Sie sich über die laufende Weiterentwicklung informieren.

### Beachten Sie:

Im Link-Verzeichnis des Online-Angebots von SELFHTML aktuell finden Sie weitere relevante und aktuelle Verweise, z.B. zu deutschen Übersetzungen und weiteren Quellen:

SELFHTML-Linkverzeichnis: CSS Stylesheets

Innerhalb der vorliegenden Dokumentation werden CSS1, CSS2 und CSS 2.1 im Kapitel Stylesheets beschrieben.

| XML und XML-Derivate
| HTML

© 2007 Impressum