Sie sind hier: Startseite -> CSS-Grundlagen -> CSS-Einstieg -> CSS-Vorteile

CSS-Grundlagen: CSS-Vorteile

CSS-Nutzung: Unterschied zu HTML

Was ist nun der genaue Unterschied zwischen einer Formatierung mit HTML und einer mit CSS? Warum soll zweiteres viel besser sein? Solche Fragen stellen sich Anfänger immer wieder, weil sie so stolz sind, dass ihre Webseite gut aussieht und dann kommt der Validator und meldet 200 Fehler, weil es Definitionen auf der Seite gibt, die nicht mehr gültig sein sollen. Ok, gültig sind sie und funktionieren können sie auch noch, aber sie entsprechen nicht mehr dem Standard.

ergibt:

Code 1:

Textfarbe blau

Code 2:

Textfarbe blau

Beide Formatierungen erzielen das gleiche Ergebnis, nur kommt CSS mit einem Tag weniger aus, weil der Font-Tag wegfällt. Allerdings bringt CSS in dieser Form wenig, weil wenn man auf jeder Unterseite auf die Idee kommt, aus der blauen eine rote Farbe zu machen, muss man bei dieser Form der Einbindung genauso jede Seite manuell nachbearbeiten.

Genau hier ist aber CSS mächtiger als die bisherige HTML-Formatierung, weil man CSS als eigene Datei auf dem Server bearbeiten kann. Im Kopfteil der HTML-Dateien gibt es nur den Link zur CSS-Datei und die Befehle der Datei werden auf der Seite eingebunden.

Einfach ausgedrückt: wenn man das obige Beispiel auf jeder Seite unter HTML eingebaut hat, muss man jede dieser Einstellungen manuell auf rot ändern, um beim Beispiel zu bleiben. Bei einer externen CSS-Datei braucht man nur die CSS-Datei ändern und alle Texte mit der Farbeinstellung werden automatisch übernommen, soferne sie richtig definiert werden, also die Klassen erkennbar sind.

CSS ist damit nicht eine zusätzliche Quälerei für Programmierer, Webdesigner und Hobby-Bastler, sondern ein mächtiges Werkzeug, das viel Zeit sparen hilft. Allerdings braucht es ein wenig Übung, um CSS richtig anwenden zu können.

Dazu kommen weitere Faktoren, die als Vorteile für CSS zu nennen sind. Es ist nicht nur so, dass man das Layout von der Programmierung ener Webseite trennen kann, man kann auch barrierefrei programmieren. So ist es mit CSS möglich, ein Layout basierend auf Ebenen aufzubauen, das für Menschen mit Sehbehinderung einfacher zu benützen ist als die alte Layout-Tabelle. Und die schlimmen Konstruktionen mit unsichtbaren Bild, um bestimmte Abstände herstellen zu können, sind sowieso ein Fall für die Vergangenheit des Webdesign.

Außerdem kann man mit CSS eigene Stylesheets erzeugen, die für bestimmte Medien gedacht sind. So kann man eine druckerfreundliche Version basteln, die alle Bilder unsichtbar macht, die auf der Webseite existieren, um den Besucherinnen und Besuchern unnötigen Verbrauch von Druckertinte zu ersparen.

Ebenfalls interessant:

[aktuelle Seite]

CSS-Vorteile

Informationen über den Einsatz von CSS und der Unterschied zur Formatierung mit den veralteten HTML-Befehlen.

CSS-Hack

Informationen über den Einsatz von CSS-Hacks, um Fehler der Browser zu vermeiden.

CSS einbauen

Informationen über die möglichen Wege, um den CSS-Code in die Webseite einzubauen.

CSS-Schreibweise

Informationen über die richtige Schreibweise bei CSS-Befehlen zur Formatierung einer Webseite.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht CSS-Einstieg

Startseite CSS-Grundlagen