Vorteile des Designs mit CSS

Inhalt

Vorteile des Designs mit CSS

Oft fragt man sich: "Welchen Voteil habe ich eigentlich, wenn ich meine Website mit Cascading Stylesheets (CSS) formatiere?". Neben manchmal "nervigen" Tüfteleien bis zum richtigen Aussehen, stört häufig auch die mangelhafte Unterstützung bestimmter Eigenschaften in den unterschiedlichsten Browsern. Doch die zentrale Definition von Formaten bietet neben diesen "Unannehmlichkeiten" auch jede Menge Vorteile.

Besser strukturierter Code

Einer der ersten Vorteile von CSS der spontan auffällt ist der besser strukturierte Quellcode von Websites. Dies ist leicht nachzuvollziehen, wenn man den Quelltext einer mit CSS designten Seite mit dem einer mit Inline-Styles, also mit in das HTML geschriebenen Formatierungsanweisungen, formatierten Seite vergleicht.

Da bei der Formatierung mit CSS komplett auf die Angabe von Styles im HTML-Quelltext verzichtet werden soll, wird die Trennung von Struktur und Gestaltung hier vollzogen, was einer der größten Vorteile des Designs mit CSS ist.

Der Quelltext wird hierdurch übersichtlicher, da nur noch Struktur-Informationen in ihm vorkommen und kann so leichter verstanden werden. Dieser Vorteil führt direkt zum nächsten Vorteil, der durch die Verwendung von CSS entsteht.

Mehr Gestaltungsmöglichkeiten als mit HTML

Ein weiterer Vorteil der Gestaltung mit CSS ist der größere Umfang an Gestaltungsmöglichkeiten, die Stylesheets bieten. So ist es mit CSS möglich über line-height die Zeilenhöhe zu verändern, was in HTML nicht möglich ist.

Diese umfangreicheren Gestaltungsmöglichkeiten beinhalten allerdings nicht nur die größeren Design-Möglichkeiten für den "normalen" Bildschirm, sondern auch die Möglichkeit eine Site für verschiedene Ausgabegeräte zu formatieren.

So können zum Beispiel durch den Einsatz unterschiedlicher CSS-Dateien Formate für die "normale" Ansicht auf dem Bildschirm (Abbildung 1) bereitgestellt werden und ersatzweise ein Druckstylesheet angeboten werden, welches die Seite für die Druckausgabe optimiert (Abbildung 2).

Schnellere Design-Umstellung

Durch die Verwendung von CSS-Dateien wird es weiterhin ermöglich schnelle Umstellungen des Designs einer Seite zu erzielen.

Wenn das Design einer mit CSS formatierten Seite geändert werden soll, so muss nur eine andere CSS-Datei verwendet werden, die HTML-Struktur der Seite bleibt unverändert.

Ein weiterer hiermit verknüpfter Vorteil von CSS ist die bessere Wartbarkeit von Websites durch die konsequente Verwendung durch Stylesheets. Durch die bessere und übersichtliche Gestaltung des Quelltextes ist es nun möglich Fehler im Quelltext schneller zu finden und zu beheben. Weiterhin ist es auch einfacher, kleinere Design-Änderungen durch Umstellungen in der CSS durchzuführen.

Grundlage für Barrierefreiheit

Insgesamt lässt sich sagen, dass die Gestaltung eine Website via CSS eine der Grundlagen für barrierefreies Webdesign ist. Zum einen wird durch saubere Strukturierung des Quelltextes der Einsatz von Hilfmitteln unterstützt. Zum anderen können verschiedenen Nutzergruppen verschiedene Stylesheets mit verschiedenen Kontrasten angeboten werden. Auch ist es durch die Verwendung von CSS möglich, dem Nutzer die Option einzuräumen, eigene selbstdefinierte Designs zu verwenden und die Seite so genau auf seine Bedürfnisse anzupassen, so zum Beispiel eigene Farbschemata zu benutzen oder auch Schriftgrößen an seine Bedürfnisse anzupassen.

Für die weitere Arbeit mit CSS finden Sie Links in unserer Link-Sammlung.