| |
| Globale Style Sheets im "HEAD" von HTML-Dokumenten |
Die 2. Methode der Einbindung ist die globale Einstellung der Formatierung durch das Style Tag im Kopf (<head>) einer Seite. Dabei haben Sie den Vorteil, dass Sie wiederkehrende Einstellungen nur einmal pro Seite vornehmen müssen. Damit WWW-Browser, die keine Style-Sheets kennen, die Style-Sheet-Angaben nicht irrtümlich als anzuzeigenden Text interpretieren, können Sie den Bereich der eigentlichen Style-Sheet-Angaben in einen mehrzeiligen HTML Kommentar <!-- ... //--> einbinden. Das Grundgerüst einer Seite hat dann folgendes Aussehen:
<html>
<head>
<title>css_142</title>
<style type="text/css">
<!-- h1 {color:green;} //-->
</style>
</head>
<body>
<h1>Beispiel Text</h1>
</body>
</html>
So sieht's aus
Mit dem Befehl <style...> ... </style> im Kopf der HTML-Datei definieren Sie einen Bereich für Style-Sheet-Angaben (style = Stil, Format). Das Attribut type definiert die Sprache in welcher die externe Style Sheet Datei vorliegt, hier standardmäßig mit text/css. Das eigentliche Style Sheet steht innerhalb eines Kommentars (<! - -...- ->), so das Browser, die das <style>-Tag nicht kennen, das Style Sheet ignorieren. Zwischen dem einleitenden Tag und dem abschließenden </style> können Sie dann die eigentlichen Style-Sheet-Angaben definieren.
Style Sheets, die im Kopfabschnitt definiert werden, sind für das gesamte HTML-Dokument gültig und werden daher auch als globale Style Sheets bezeichnet. |
|
 |
|
|
