3.2 Einbinden von CSS-Regeln
Es gibt verschiedene Wege CSS-Regeln in ein HTML-Dokument einzubinden.
-
Variante 1
Die CSS-Regel wird direkt im
style
-Attribut des entsprechenden HTML-Elements eingetragen.Diese Variante bietet sich an, wenn die CSS-Regel nur für dieses eine Element gelten soll.
-
Variante 2
Im
head
-Element wird einstyle
-Element eingefügt, das die CSS-Regeln enthält.Diese Variante bietet sich an, wenn durch den Selektor der CSS-Regel mehrere Elemente im HTML-Dokument ausgewählt und entsprechend formatiert werden sollen. Die CSS-Regel muss so in dem HTML-Dokument nur einmal hinterlegt werden und nicht bei jedem betroffenem Element.
-
Variante 3
Im
head
-Element wird einlink
-Element eingefügt, das auf eine externe CSS-Datei verweist, die die CSS-Regeln enthält.Die CSS-Regeln werden in eine externe CSS-Datei ausgelagert.
Diese Variante bietet sich an, wenn der Webauftritt aus mehreren Webseiten besteht und die CSS-Regel nicht nur für Elemente in einer bestimmten Webseite gelten soll. Die CSS-Regel muss so nur einmal in der ausgelagerten CSS-Datei hinterlegt werden und nicht in jedem betroffenem HTML-Dokument.