Zum Inhalt springen

Stylesheet

oder auch Stilvorlage

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Ein Stylesheet ist die Sammlung der Regeln, mit denen eine Website gestaltet wird. In den meisten Projekten ist es eine Datei, die von jeder Seite geladen wird.

Stylesheet

Sammlung von CSS-Regeln, die auf ein oder mehrere Dokumente angewendet wird.
Beispiel: „Ein Stylesheet liegt meist als eigene Datei vor und wird von jeder Seite geladen.“

Auch: Stilvorlage.

Drei Orte, an denen Regeln stehen können

Als eigene Datei, eingebunden über das link-Element; als Block im Kopf des Dokuments über das style-Element; oder direkt am Element als Inline-Style. Die erste Form ist die übliche, weil die Datei einmal geladen und danach aus dem Browser-Cache bedient wird.

Mehrere Stylesheets

Eine Seite darf beliebig viele laden. In der Praxis sind es oft drei bis fünf: eines für die Grundlagen, eines je größerem Baustein, dazu eines aus einem Framework. Für die Ladezeit werden sie beim Bauen zusammengefasst.

Welche Regel am Ende gilt, wenn zwei Dateien dasselbe Element betreffen, entscheidet die Kaskade und nicht die Reihenfolge der Dateien allein.

Siehe auch:

CSS

Die Sprache, in der das Aussehen einer Website beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Externe Stylesheet

Die Gestaltung in einer eigenen Datei, eingebunden im Kopfbereich.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

link-Element (Stylesheet-Einbindung)

Verweist aus dem Kopfbereich auf eine externe Datei.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

CSS-Regel (Regelsatz)

Ein Selektor und die Deklarationen, die für ihn gelten.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Browser-Standardstile (User Agent Stylesheet)

Die Grundgestaltung, die jeder Browser von sich aus mitbringt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)