Die externe Stylesheet-Datei
Prinzipiell gibt es verschiedene Möglichkeiten, CSS-Formatanweisungen ins HTML-Dokument zu integrieren. Bei Websites, die häufig mehrere Unterseiten beinhalten, ist es sinnvoll, die CSS-Formatanweisungen in eine externe Datei auszulagern. Dies hat den Vorteil, dass sich Änderungen in dieser externen Stylesheet-Datei auf alle HTML-Dokumente bezieht, mit denen diese Datei verlinkt ist.
Externe Stylesheet-Datei ins HTML-Dokument einbinden
Die externe Stylesheet-Datei wird mit dem HTML-Element <link> im <head>-Bereich des HTML-Dokuments eingefügt.
Folgende Syntax wird dabei verwendet:
<link rel="stylesheet" href="CSS-StylesheetDateiName.css">
- rel="stylesheet" gibt an, dass es sich um ein CSS-Stylesheet handelt.
- href="CSS-StylesheetDateiName.css" definiert den Ablageort der Stylesheet-Datei. Dabei gelten die Regeln für Verweise auf Dokumente. Normalerweise steht hier ein relativer Verweis auf eine interne *.css Datei.