Nightfire Java Archiv - CSS Einführung

[CSS - Cascading Style Sheets]

[Implementierung in die Webseite]

Es gibt vier Techniken, mit denen Style-Sheets in eine Webseite aufgenommen werden können:

Das Style-Sheet wird in den Header-Bereich des Dokuments eingebunden.
<HEAD>
<STYLE type="text/css">
H1 { color: red; font-family: Arial; margin: 1.0in}
</STYLE>
</HEAD>

Ein extern gespeichertes Stylesheet wird hinzugelinkt.
<HEAD>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style1.css" TITLE="stylesheet1">
</HEAD>
Die Datei "style1.css" enthält zum Beispiel Angaben in folgender Form:
BODY { background-color: aqua; color: firebrick; margin: 0.5in }

Ein extern gespeichertes Sheet wird importiert.
<STYLE type="text/css">
@import url(style1.css);
BODY{color:red}
</STYLE>

Eine Inline-Definition eines Style-Sheets wird direkt in ein HTML-Element übernommen.
<P style="color: lime">
...
<P style="color: yellow; font-style: italic">
...

Die wohl sinnvollste Variante ist die Verwendung einer separaten StyleSheet- Datei, da die CSS- Definitionen bei Änderungen in dieser zentralen Datei sofort für alle HTML- Dokumente Gültigkeit haben.