Interne Styles sind Regeln, die im Kopf des Dokuments stehen statt in einer eigenen Datei. Sie gelten nur für diese eine Seite.
- Interne Styles (style-Block)
CSS-Regeln, die im style-Element des Dokuments stehen statt in einer eigenen Datei.
Beispiel: „Interne Styles gelten nur für die Seite, in der sie stehen.“
Wie sie aussehen
<head>
<meta charset="utf-8">
<title>Kampagne | Homepage Helden</title>
<style>
.kampagne-held { background: #001c44; color: #fff; }
.kampagne-held h1 { font-size: 3rem; }
</style>
</head>Der Block steht im Kopfbereich und gilt nur für dieses eine Dokument. Die Regeln darin verhalten sich wie jede andere: Sie treten gegen das externe Stylesheet nicht als Gruppe an, sondern einzeln über die Kaskade.
Wann sie passen
Für Critical CSS, also die wenigen Regeln für den zuerst sichtbaren Bereich, die ohne zusätzliche Anfrage da sein sollen. Außerdem für einzelne Seiten mit eigener Gestaltung, etwa eine Kampagnenseite.
Was dagegen spricht
Sie werden nicht zwischengespeichert und wiederholen sich bei jedem Seitenaufruf. Und sie verteilen die Gestaltung auf viele Orte: Wer eine Farbe sucht, findet sie dann nicht im Stylesheet, sondern irgendwo in einer Vorlage.