Cascading Style Sheets (CSS)

Balken

Einführung   Text-Darstellung   Rahmen  


Einführung

Casading Style-Sheets sind Ergänzung zu HTML. Bei CSS handelt sich um eine weitere Sprache, die die von Formateigenschaften einzelner HTML-Befehle extra definiert. Im Gegensatz zum HTML ist es mit Hilfe von CSS möglich, Definitionen zentral festzulegen. Damit spart man sowohl Formatierungarbeit als auch Speicherplatz und verkürzt somit die Ladezeiten der Besucher.

Es ist sogar möglich die Style-Sheet-Definitionen in einer separaten Dateien zu notieren und diese dann in beliebig vielen HTML-Seiten zu referenzieren. Auf diese Weise kann man für große Projekte einheitliche Layouts, ein Corporate Design, entwerfen.


In diesem Projekt wurde grösstenteils von der Verwendung von Style-Sheets abgesehen, da noch nicht alle Browser CSS unterstützen. Mittlerweile interpretieren die neueren Browser-Versionen von Netscape und Microsoft die Style-Sheets allerdings problemlos.



up down Top  

Text-Darstellung

Mit Hilfe von Casading Style-Sheets lassen sich Textformatierungen, wie Pixelgröße und Schriftfarbe zentral definieren und mit einem Befehl abrufen. Beispielsweise lassen sich die Überschriften definieren:

Überschrift 1: siehe Kopfzeile

Überschrift 2: siehe Kapitelüberschriften

Überschrift 3: wird als normaler Text verwendet

Überschrift 4: wird ebenfalls als normaler Text verwendet


Dabei kann man Texte mit Hilfe von CSS auch die die genaue Entferung vom Seitenrand festlegen und Texte übereinander anordnen.

Bitte Klicken Sie hier.

Bitte Klicken Sie.

Bitte Klicken.

Klicken.



up down Top  

Rahmen

Des weiteren ist es möglich Rahmen zu definieren. Der untere Rahmen ist beispilsweise 2cm von beiden Seitenrändern entfernt, egal wie gross das Browserfenster ist. Das Bild wird außerdem immer in der Mitte dargestellt:

Bild


up Top