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







 Stylesheet-Bereiche definieren
 Stylesheet-Bereiche definierenUm mit Hilfe von Stylesheets  zentrale Formate zu definieren, können Sie im Kopf einer HTML-Datei einen oder mehrere Stylesheet-Bereiche definieren.
 zentrale Formate zu definieren, können Sie im Kopf einer HTML-Datei einen oder mehrere Stylesheet-Bereiche definieren.
 Anzeigebeispiel: So sieht's aus
 Anzeigebeispiel: So sieht's aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Stylesheet-Bereiche definieren</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:#fff; }
</style>
</head>
<body>
<h1 id="GrosserText">CSS</h1>
<h2 id="KleinererText">Cascading Stylesheets</h2>
</body>
</html>
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-Typ der gewünschten Stylesheet-Sprache. Die gängigste Angabe ist dabei
 MIME-Typ der gewünschten Stylesheet-Sprache. Die gängigste Angabe ist dabei type="text/css". Mit dieser Angabe bestimmen Sie 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
 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.
Auf die  Stylesheet-Angaben wird hier noch nicht näher eingegangen. Lesen Sie dazu die entsprechenden Abschnitte innerhalb dieser Dokumentation.
 Stylesheet-Angaben wird hier noch nicht näher eingegangen. Lesen Sie dazu die entsprechenden Abschnitte innerhalb dieser Dokumentation.
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:
 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
 Element-Referenz für Style-Bereiche
 Attribut-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 | |
© 2007  Impressum
 Impressum