DOSIGNY Lexikon · Technik

CSS (Cascading Style Sheets)

CSS ist die Sprache die das Aussehen von Websites bestimmt — Farben, Layouts, Animationen und responsive Anpassungen.

CSS (Cascading Style Sheets) ist die Sprache die das visuelle Erscheinungsbild von Websites definiert. Während HTML den Inhalt strukturiert, bestimmt CSS wie dieser Inhalt dargestellt wird: Farben, Schriftarten, Abstände, Layouts, Animationen und responsive Anpassungen.

Moderne CSS-Features

CSS Grid: Leistungsstarkes 2D-Layout-System für komplexe Seitenstrukturen. Flexbox: Flexibles 1D-Layout für Zeilen und Spalten. Custom Properties: CSS-Variablen für konsistente Design-Systeme. clamp(): Fluid Typography ohne Media Queries. Container Queries: Layout-Änderungen basierend auf Elterncontainer statt Viewport. :has()-Selektor: Elternelemente basierend auf Kindern stylen.

CSS und Performance

CSS im <head> blockiert das Rendering. Best Practices: Critical CSS inline laden (die CSS-Regeln für den sichtbaren Bereich), restliches CSS asynchron laden, ungenutztes CSS entfernen und CSS minifizieren (Leerzeichen, Kommentare entfernen).

Häufig gestellte Fragen

Muss ich CSS lernen um eine Website zu haben?
Nein, mit WordPress oder einem Baukasten brauchst du kein CSS. Aber: Wer die Basics versteht, kann kleine Anpassungen selbst vornehmen — das spart Zeit und Geld.
Was ist der Unterschied zwischen CSS und SCSS/SASS?
SCSS/SASS sind CSS-Erweiterungen mit Variablen, Nesting und Funktionen. Sie werden zu normalem CSS kompiliert. Nützlich für große Projekte, für kleine Websites reicht normales CSS.

Brauchst du Unterstützung bei diesem Thema?

Kostenlos beraten lassen →