Das CSS (Cascading Style Sheets) ist die Stilsprache des Webs. Sie legt fest, wie HTML-Elemente am Bildschirm dargestellt werden — von Farben und Schriften über Abstände und Raster bis hin zu Animationen und Effekten. CSS ist bewusst von HTML getrennt: dasselbe Markup kann mit unterschiedlichen Stylesheets völlig anders aussehen.
CSS ist heute weit mehr als reine Gestaltung. Mit modernen Funktionen wie Flexbox, Grid und Container Queries lassen sich komplexe Layouts ohne JavaScript bauen, mit Custom Properties entstehen pflegbare Design-Systeme, mit Cascade Layers wird Spezifität beherrschbar.
Selektoren und Kaskade
Im Kern besteht CSS aus Selektoren (welche Elemente sind gemeint?) und Deklarationen (welche Eigenschaften haben welche Werte?). Wenn mehrere Regeln auf dasselbe Element zutreffen, entscheidet die Kaskade: spätere Regeln überschreiben frühere, höhere Spezifität schlägt niedrigere, !important wirkt als (selten zu nutzende) Brechstange.
Modernes Layout
Die größte Veränderung der letzten Jahre ist das saubere Layout. Flexbox ist ideal für eindimensionale Anordnungen — Navigationen, Karten-Reihen, vertikale Stapel. CSS Grid beherrscht zweidimensionale Layouts und ersetzt frühere Hilfskonstruktionen mit Floats oder Tabellen. Kombiniert mit clamp(), min(), max() entstehen Layouts, die ohne Media Queries flexibel auf jede Bildschirmgröße reagieren.
Pflegbare Stilstruktur
In größeren Projekten zählt nicht der einzelne Stil, sondern die Struktur. Bewährte Ansätze sind Custom Properties (CSS-Variablen) für Design-Token, BEM oder CUBE CSS als Namenskonventionen, Sass/SCSS als Vorprozessor mit Verschachtelung, Mixins und Modulen. Wer Stile sauber organisiert, spart langfristig mehr Zeit als jeder einzelne Trick einbringt.