CSS (Cascading Style Sheets)

CSS ist die Sprache, mit der das Aussehen von Websites beschrieben wird. Während HTML den Inhalt und die Struktur einer Seite festlegt – Überschriften, Absätze, Bilder, Links –, bestimmt CSS Farben, Schriften, Abstände, Anordnung und Animationen. Die Trennung von Inhalt und Gestaltung hat einen großen Vorteil: Das Design einer ganzen Website lässt sich an einer zentralen Stelle ändern.

Was „Cascading“ bedeutet

Mehrere Regeln können für dasselbe Element gelten. Die „Kaskade“ legt fest, welche Regel gewinnt – abhängig davon, wie genau sie ein Element anspricht und in welcher Reihenfolge sie steht. Eigenschaften wie die Schriftart werden außerdem an untergeordnete Elemente vererbt.

Moderne CSS-Techniken

• Flexbox und Grid: Layouts mit Spalten und Rastern lassen sich ohne Umwege umsetzen.
• Media Queries und Container Queries: Gestaltung passt sich an Bildschirmgröße oder an den verfügbaren Platz eines Elements an – die Grundlage für Responsive Webdesign.
• Variablen (Custom Properties): Farben und Abstände werden einmal definiert und überall verwendet, etwa für einen hellen und einen dunklen Modus.
• Verschachtelung (Nesting): Regeln lassen sich übersichtlich gruppieren.
• Animationen und Übergänge: Bewegung ohne zusätzliche Skripte – mit Rücksicht auf Menschen, die in ihrem System reduzierte Bewegung eingestellt haben.

Warum gutes CSS wichtig ist

Schlankes, gut strukturiertes CSS sorgt für kurze Ladezeiten (siehe Core Web Vitals), erleichtert die spätere Pflege und unterstützt die Barrierefreiheit – etwa durch sichtbare Fokusrahmen, gut lesbare Schriftgrößen und Layouts, die auch bei starker Vergrößerung funktionieren.

Sie brauchen Unterstützung bei der Umsetzung Ihres Designs? Sprechen Sie uns an.

Stand: Oktober 2026