Mit Cascading Stylesheets (CSS) lassen sich auf einfache Weise anspruchsvolle Seiten realisieren. CSS können auf zwei unterschiedliche Arten eingesetzt werden. Styledefinitionen können innerhalb einer Seite jedesmal definiert werden, oder aber wir erstellen ein zentrales CSS-File, das allen Seiten zur Verfügung steht (unsere Klassenpage verwendet das zentrale CSS). Vorteile von zentralen CSS's sind wie folgt, wir können Änderungen sehr schnell für ein ganzes Web machen, wir können auf die Unterschiede von Browsern eingehen, in dem wir vorgängig eine Browserabfrage machen.
CSS haben aber auch einen entscheidenden Nachteil: Die Sprachelemente werden erst von den Browsern der vierten Generation korrekt angezeigt, und selbst hier sind deutliche Unterschiede zwischen den Produkten aus dem Hause Microsoft beziehungsweise Netscape zu bemerken. Benutzer anderer Browsertypen und älterer Versionen bleiben von den aufwendig gestalteten Texten leider ausgeschlossen: Entweder werden die Sprachelemente einfach übergangen und der Text wird mit den Standardformatierungen angezeigt, oder aber es entstehen unansehnliche Seiten, weil der Browser nur einen Teil der CSS versteht und andere Elemente nicht abgearbeitet werden.
Der WEB-Designer hat hier eigentlich nur die Qual der Wahl: Entweder führt er mit Hilfe der Scriptsprachen eine Abfrage der Anzeigesoftware durch (siehe Beispiel "..\cj\browser.js" in unserem Klassenweb) und erstellt für jeden Browsertyp eigene Seiten, oder aber er bleibt hinter den Möglichkeiten des Mediums zurück, indem er völlig auf den Einsatz der CSS verzichtet.
Der Internet Explorer und der Netscape Communicator in der Version 4.0 sind in der Lage, die CSS- Anweisung zu interpretieren.
Tip für ältere Browser: "versteckte Botschaften mitgeben"
Es ist mit CSS möglich, Text so zu formatieren, dass neuere Browser ihn ignorieren.
Dafür sorgt das Attribut "visibility", das den Wert "hidden" annehmen kann.
Wir definieren im CSS einen Style
x.hidden {visibility: hidden }
in unserer Page rufen wir diese CSS-Class auf.
«h1» Titel«/h1»
«p class="hidden"» Sie brauchen einen Browser der CSS darstellen kann.«/p»
Ein älteren Browser erkennt zwar das Absatzelement, ignoriert aber die Formatierung dieser Klasse, dadurch wird dieser Text sichtbar.
Die CSS sind zweifellos ein effektives Gestaltungsmittel sie sind allerdings mit Vorsicht zu verwenden, da noch längst nicht alle Internetbenutzer über einen CSS-fähigen Browser verfügen. Dennoch: Dem Einsatz von CSS steht grundsätzlich nichts im Weg, solange beim Webdesign mit Hilfe von kleinen Tricks die Nutzer mit älteren Browsern nicht vergessen werden.
Schon wieder machen sich zwei grosse Browser-Hersteller daran, neue Vorzüge aber somit auch Probleme für die Standardisierung des Web's zu schaffen.
NETSCAPE Action Sheets Netscape Entwurf zu den Action Sheets
Microsoft Behaviors Die Referenz zu Behaviors
Gruss Ueli Jordi