CSS bestimmt, wie ein HTML-Dokument aussieht: Farben, Schriften, Abstände, die Anordnung der Bereiche und ihr Verhalten auf schmalen Bildschirmen. Die Trennung von der Auszeichnung ist der Grund, warum sich eine Website umgestalten lässt, ohne ihre Inhalte anzufassen.
- CSS
Sprache, mit der die Darstellung eines HTML-Dokuments beschrieben wird. Die Abkürzung steht für Cascading Style Sheets, auf Deutsch etwa kaskadierende Gestaltungsvorlagen.
Beispiel: „CSS legt fest, wie ein Dokument aussieht, nicht was darin steht.“Auch: Cascading Style Sheets.
Abgrenzung zu HTML: HTML sagt, was ein Bestandteil ist. CSS sagt, wie er dargestellt wird.
Was der Name sagt
Style Sheets sind Gestaltungsvorlagen, wie sie aus dem Satz bekannt sind: eine Sammlung von Festlegungen, die auf ein Dokument angewendet wird. Das Kaskadierende steckt im ersten Wort und meint das Verfahren, mit dem aus mehreren widersprüchlichen Angaben eine wird, die Kaskade.
Diese Kaskade ist der Grund, warum CSS anders funktioniert als die meisten Sprachen: Es gibt keine Reihenfolge von Befehlen, die abgearbeitet wird, sondern einen Satz von Regeln, aus denen der Browser für jedes Element den gültigen Wert ermittelt.
Wie es mit HTML zusammenarbeitet
Ein Dokument kann vollständig ohne CSS ausgeliefert werden; es sieht dann aus wie ein Textdokument mit Browser-Standardstilen. Erst das Stylesheet macht daraus das, was Besucher als Website erkennen.
h1 {
font-size: 2.5rem;
color: #001c44;
}Warum die Trennung zählt
Weil Gestaltung und Inhalt getrennt sind, lässt sich das Aussehen einer Website mit über tausend Seiten an einer Stelle ändern. Für einen Relaunch heißt das: Die Inhalte bleiben, die Vorlagen werden neu gebaut.
Umgekehrt ist jede Gestaltung, die im Dokument steht, ein kleiner Verlust an dieser Freiheit. Deshalb gelten Inline-Styles als letzte Wahl.