Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

CSS dokumentübergreifend

Durch Auslagern in eine externe Textdatei können CSS-Formatierungen für mehrere Dokumente zur Verfügung gestellt werden. Ein externes Stylesheet wird vom Browser nur einmal geladen und verbleibt dann im Zwischenspeicher (cache).

Ein externes Stylesheet wird mit dem link-Element im Kopfbereich des (X)HTML-Dokuments referenziert:

  1. <head>
  2. [...]
  3. <link rel="stylesheet" type="text/css" href="css/layout.css" />
  4. </head>

Ein externes Stylesheet wird als reine Textdatei üblicherweise mit der Endung *.css gespeichert; sie besteht nur aus CSS-Regeln und ev. CSS-Kommentaren ohne jegliche HTML-Auszeichnung.

Alle Pfadangaben zu externen Ressourcen in der CSS-Datei (z.B. Hintergrundbilder) müssen relativ zur CSS-Datei angegeben werden.