Ein externes Stylesheet ist die übliche Form, CSS einzubinden: eine eigene Datei, die im Kopf des Dokuments verlinkt wird und für alle Seiten gilt.
- Externe Stylesheet
CSS-Datei, die über das link-Element in ein Dokument eingebunden wird.
Beispiel: „Ein externes Stylesheet gilt für alle Seiten, die es einbinden.“
Wie es eingebunden wird
<link rel="stylesheet" href="/css/site.css">Die Zeile steht im Kopfbereich. Der Browser lädt die Datei, bevor er mit der Darstellung beginnt, und hält sie danach im eigenen Zwischenspeicher: Ab der zweiten Seite kostet sie keine Ladezeit mehr.
Warum diese Form
Eine Datei für alle Seiten heißt, dass eine Änderung überall wirkt. Dazu kommt der Zwischenspeicher. Der Preis ist, dass die Darstellung wartet, bis die Datei da ist; dagegen hilft Critical CSS.