Cascading Style Sheets (CSS)

CSS Style-Sheets

 Formatierung für HTML-Elemente
 Aktuelle CSS-Definition für LOG IN-Server: log-in.css

--begin

--end

Formatierung für HTML-Elemente

HTML ist eine "logische" Sprache. Mit HTML definieren Sie den grundsätzlichen Aufbau Ihrer WWW-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, daß 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 WWW-Browser bei der Anzeige. Er benutzt dabei eine Mischung aus Grundeinstellungen, die der Anwender vornehmen kann, und fest programmierten Darstellungen einzelner HTML-Elemente.

In den Zeiten des ersten großen Erfolgs von HTML wurde die Sprache dann für allerlei physische Formatierungen "mißbraucht". So tauchte plötzlich ein HTML-Befehl zur Darstellung von blinkendem Text auf, und später wurde ein Befehl beliebt, mit dessen Hilfe sich die Schriftart, die Schriftgröße (in 7 relativen Stufen) und die Schriftfarbe bestimmen lassen. Doch all diese Implmentierungen in HTML sind letztlich Stückwerk und inkonsequent.

An diesem Punkt setzen die Cascading Style Sheets (CSS) ein. Es handelt sich dabei um eine unmittelbare Ergänzungssprache, die extra für HTML entwickelt wurde. Sie klinkt sich nahtlos in HTML ein und erlaubt das beliebige Formatieren einzelner HTML-Elemente. Mit Hilfe von CSS Style-Sheets können Sie beispielsweise festlegen, daß 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, daß nur dieser Text 3 Zentimeter groß sein soll und eine gelbe Hintergrundfarbe erhält. Daneben enthält die CSS-Sprache auch Befehle zum punktgenauen Plazieren von Elementen am Bildschirm und für andere Ausgabemedien wie Druck oder Audio-Systeme. Durch die CSS Style-Sheets erfährt HTML deshalb einen gewaltigen Vorwärtsschub.

Die CSS-Sprache ist genauso wie HTML eine offiziell normierte Sprache. Sie wird wie HTML vom W3-Konsortium gepflegt und weiterentwickelt. Mittlerweile interpretieren die neueren Browser-Versionen von Netscape und Microsoft die Style-Sheets auch.

Wegen der künftigen Bedeutung der CSS Style-Sheets wird diese Sprache innerhalb von SELFHTML ausführlich dokumentiert. Lesen Sie dazu das Kapitel über  CSS Style-Sheets. Mit Style-Sheets sollten Sie sich neben HTML auf jeden Fall beschäftigen.

.

Eine HTML-Erweiterung, die eine Vereinfachung der Schriftgestaltung und Layouterstellung für Webseiten erlaubt. Die auch vom W3-Consortium empfohlenen Cascading Style Sheets (CSS) werden vollständig von den Browsern Netscape Communicator 4.xx und Internet Explorer 4.xx unterstützt.

Vor der Zeit von CSS mußte der Web-Designer jeden neuen Absatz und jede Überschrift innerhalb einer Webseite neu formatieren, auch wenn sie die gleichen typographischen Auszeichnungen wie Schriftgröße etc. hatten. Mit CSS können gleich am Anfang eines HTML-Dokuments (innerhalb des Tags) alle Formatierungen festgelegt werden. Die Anweisungen in den Formatvorlagen bauen aufeinander auf (cascading = kaskadierend) und können nachträglich geändert werden, ohne eine komplette Formatvorlage neu schreiben zu müssen. Vorteilhaft für komplexe Webseiten ist hier besonders die unaufwendige Änderung von Formatierungen. So läßt sich innerhalb eines Style Sheets mit einem Handgriff die Schriftgröße für den Fließtext einer Webseite ändern, ohne daß jeder einzelne Absatz abgesucht werden muß, um den neuen Wert einzusetzen.

CSS erweitern die gestalterischen Möglichkeiten für den Web-Designer, machen sie einfacher und durchschaubarer und werden in Zukunft die alte umständliche Arbeitsweise ablösen. Der größte Nachteil bleibt für die nächste Zeit, daß die meisten Datenreisenden noch Browser benutzen, die keine Stilvorlagen unterstützen, wie zum Beispiel den Netscape Navigator 3.xx.

W3 Consortium:
http://www.w3.org/pub/WWW/Style/css/draft.html

	META-Tags. ..