CSS basiert auf bestimmten Entwurfskonzepten, die eine ganze Reihe von Vorteilen bieten.
- CSS vereinfacht das Schreiben von Webseiten
- Da Sie die komplette (visuelle) Gestaltung einer Website – im Sinne der Trennung von Inhalt und Formatierung – mit CSS vornehmen können, ist es möglich, schlanke, semantisch reichhaltige XHTML-Dokumente zu schreiben, die keinerlei Informationen zur Darstellung mehr enthalten. Dadurch sparen Sie nicht nur eine Menge Zeit, sondern auch Bandbreite. So konnten die Entwickler der US-amerikanischen Website Multimap.com nach einem Relaunch die Dateigröße pro Seite von 65 auf 35 KByte verringern; das entspricht bei vier Millionen Zugriffen täglich einer Ersparnis von 40.000 GByte jährlich!
- Auf- und Abwärtskompatibilität
- CSS 1 ist im Wesentlichen eine Teilmenge von CSS 2.1. Daraus resultiert, dass Benutzerprogramme, die CSS 2.1 verstehen, auch mit CSS 1 umgehen können. Dies gilt ebenfalls umgekehrt: CSS-konforme Benutzerprogramme müssen Eigenschaften und Werte gemäß der Empfehlung interpretieren und alle ungültigen Deklarationen oder unerlaubte und unbekannte Werte ignorieren und die Abarbeitung des Stylesheets bei der nächsten Deklaration oder Regel fortsetzen.
- Hersteller-, Plattform- und Geräteunabhängigkeit
- CSS ist ein offener Standard, der von allen Entwicklern von Browsern, Editoren und anderen Benutzerprogrammen befolgt wird.
- Verbesserung der Wartbarkeit
- Moderne Websites bestehen aus einer Vielzahl einzelner Dokumente, deren Layout im Allgemeinen von nur einer Handvoll Stylesheets gesteuert wird. Häufig verweisen alle Dokumente auf ein einziges Stylesheet, das gegebenenfalls weitere importiert. So ist es möglich, mit der Änderung nur einer einzigen Datei das Aussehen der gesamten Website zu ändern. Sie können sich sicher vorstellen, wie viel Zeit selbst bei umfangreichen Layoutänderungen im Vergleich zu älteren Sites ohne Einsatz von CSS gespart werden kann.
- Einfachheit
- CSS ist eine sehr einfache Stylesprache, die verständlich und schnell erlernbar ist. Die einzelnen Eigenschaften sind so weit wie möglich unabhängig voneinander, und es gibt zumeist nur einen Weg, einen gewünschten Effekt zu erreichen.
- Flexibilität
- Jedes strukturierte Dokument können Sie mit CSS gestalten. Dabei können Sie sich die Konzepte der Vererbung und Kaskade zunutze machen, die es ermöglichen, Stylesheets Schritt für Schritt aufeinander aufbauend vom Allgemeinen hin zum Speziellen zu entwickeln.
- Alternative Sprachbindungen
- Die Menge der in der CSS-Empfehlung beschriebenen Eigenschaften und Werte bildet ein konsistentes Formatierungsmodell, auf das Sie nicht nur per CSS zugreifen können. Es sind auch Bindungen zu anderen Sprachen möglich, etwa zu JavaScript, über das Sie sehr einfach Eigenschaftswerte dynamisch verändern können.
- Erhöhung der Zugänglichkeit
- Die konsequente Trennung von Struktur und Darstellung bietet eine deutliche Verbesserung der Zugänglichkeit einer Website. Gerade Nutzer alternativer Benutzerprogramme wie beispielsweise Screenreader sind auf sauber strukturierte, linearisierbare, semantisch reichhaltige Dokumente angewiesen.