Damit wir nicht lustig in jeder HTML-Datei das style-Element neu schreiben müssen, um dann erschöpft vom Melkschemel zu fallen, können wir die Style-Angabe einmal in eine CSS-Datei auslagern und dann in jede gewünschte HTML-Datei einbinden.

Vorteil: Wir schreiben die grundsätzlichen Formatierungen nur einmal, so dass Änderungen zentral vorgenommen werden können und diese dann im gesamten Projekt zur Wirkung kommen.

Dabei muss lediglich im „Head“ (Zentraldokument) der HTML die Css-Datei „relativ“ eingebunden werden.

Wir geben also vor, es handelt sich um eine relative Verknüpfung vom Typ text/css mit der Pfadangabe und die Wirkung soll ausschließlich auf Bildschirmen zu sehen sein.

Druckausgaben erhalten den Zusatz (media ="print").

type="text/css" Diese Angabe wird von den modernen Browsern nicht mehr verlangt.

Struktur eines HTML-Head (Zentraldokuments)