Genau wie mit den herkömmlichen <font> Tags lassen sich mit Cascading Stylesheets Textdarstellung und Formatierung beeinflussen. Der Vorteil dieser Technik besteht aus der Bündelung aller Angaben an einer Stelle im Dokument. Sie müssen dann nur noch für jeden Textbereich Ihrer Seite festlegen, mit welcher Styledefinition er dargestellt werden soll. So lassen sich je nach Layout und Inhalt bis etwa 30% des Quelltextes einsparen.

Nachfolgendes Beispiel definiert den Style "ueber", der nun für alle Überschriften verwendet werden soll. Jeder Text, der innerhalb der <P CLASS =  ueber></P> Anweisungen steht wird nun mit dem Font Arial dargestellt, zentriert, schwarz eingefärbt und hat eine Fontgrösse von 24 Pixeln.

Noch interessanter wird das Ganze, wenn die Styledefinition nicht in das Dokument eingebunden, sondern extern abgelegt wird. Ihre Dokumente enthalten dann nur noch einen Verweis auf das zu verwendende Stylesheet. Es wird nur noch einmal für Ihre erste Seite geladen, alle weiteren bekommen das Stylesheet dann aus dem Cache geliefert. Dadurch reduzieren Sie den Quellcode Ihrer Seiten nochmal um ein paar Prozent und verkürzen die Ladezeiten.

Der grösste Vorteil besteht aber darin, dass Sie nun in der Lage sind, für alle Seiten die Textdarstellung, Hintergrundfarben und Bilder, sowie Textformatierungen mit nur einem Handgriff zu ändern. Je umfangreicher Ihr Webprojekt ist, desto vorteilhafter wird der Einsatz von Stylesheets. Überlegen Sie doch einmal wie lange Sie brauchen würden um bei 200 Dokumenten die Farbe des Seitentextes inklusive aller Tabelleninhalte zu ändern. Mit einem Stylesheet brauchen Sie dafür, Upload mit eingerechnet, eine halbe Minute...

Wenn Sie sehen möchten, wie ein einzelnes Stylesheet die Optik dieser Seite verändern kann, klicken sie hier...