SELFHTML: HTML/XHTML / Weiterführende HTML-Elemente / Stylesheet-Bereiche in HTML

	Stylesheet-Bereiche in HTML
	Stylesheet-Bereiche definieren Weitere Informationen

Stylesheet-Bereiche definieren

Um mit Hilfe von Stylesheets zentrale Formate zu definieren, können Sie im Kopf einer HTML-Datei einen oder mehrere Style-Sheet-Bereiche definieren.

Beispiel:

Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
<style type="text/css" media="screen">
<!--
 body
  { background-image:url(back.jpg); padding:10px; }
  #GrosserText
  { font-size:150px; font-family:"Arial Black",Arial,sans-serif; color:#73FBE7; }
  #KleinererText
  { font-size:90px; font-family:"Arial Black",Arial,sans-serif; color:#FFFFFF; }
-->
</style>
</head>
<body>

<div id="GrosserText">CSS</div>
<div id="KleinererText">Stylesheets</div>

</body>
</html>

Erläuterung:

Mit <style> leiten Sie innerhalb des HTML-Dateikopfs, also zwischen <head> und </head>, einen Bereich zum Definieren von Formaten ein (style = Stil), mit </style> beenden Sie den Abschnitt. Die Formate, die Sie innerhalb des Bereichs nach der Syntax der Stylesheet-Sprache definieren, gelten dann für die gesamte Datei.

Innerhalb des einleitenden <style>-Tags müssen Sie mit dem Attribut type= angeben, welche Stylesheet-Sprache Sie innerhalb des Bereichs zum Definieren der Formate benutzen möchten. Die Wertzuweisung besteht im Mime-Type der gewünschten Stylesheet-Sprache. Die gängigste Angabe ist dabei type="text/css". Mit dieser Angabe bestimmen Sie CSS Stylesheets als Sprache für die Formatdefinitionen. Sie können aber auch andere Sprachen benutzen. Falls Sie mehrere Style-Sprachen innerhalb der gleichen HTML-Datei einsetzen möchten, definieren Sie einfach für jede Sprache einen style-Bereich. Alle Bereiche müssen jedoch im Dateikopf stehen.

Mit dem Attribut media=, das im Gegensatz zu type= kein Pflichtattribut ist, können Sie den Typ des Ausgabemediums bestimmen. Neben der im obigen Beispiel angegebenen Wertzuweisung screen (für das Medium "Bildschirm") gibt es weitere mögliche Angaben - siehe hierzu den Abschnitt Verschiedene separate Stylesheets für unterschiedliche Ausgabemedien. Sie können, indem Sie mehrere style-Bereiche definieren, die jeweils unterschiedliche media-Attribute haben, Stylesheets für verschiedene Ausgabemedien definieren.

Beachten Sie:

Es ist empfehlenswert, den Inhalt von Style-Sheet-Bereichen in einen Kommentar () zu setzen, so wie im obigen Beispiel. Dadurch verhindern Sie, dass ältere Browser die Inhalte irrtümlich als Text anzeigen.

Auf die Stylesheet-Angaben wird hier nicht näher eingegangen. Lesen Sie dazu die entsprechenden Abschnitte innerhalb dieser Dokumentation.

Weitere Informationen

In der HTML-Referenz finden Sie genaue Angaben darüber, wo Style-Bereiche vorkommen dürfen, welche Attribute sie haben können und was bei den einzelnen Attributen zu beachten ist:
Element-Referenz für Style-Bereiche
Attribut-Referenz für Style-Bereiche


	Script-Bereiche in HTML
	Layer anordnen und kontrollieren

SELFHTML/Navigationshilfen

HTML/XHTML

Weiterführende HTML-Elemente