SELFHTML/Quickbar  Einführung  Ergänzungen und Alternativen zu HTML


CSS Style-Sheets

Diese Seite ist ein Dokument mit Informationstext

 Formatierung für HTML-Elemente

 

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.

weiter: JavaScript
zurück: HTML-Versionen
 

SELFHTML/Quickbar  Einführung  Ergänzungen und Alternativen zu HTML

© 1998  Stefan Münz, muenz@csi.com

1