SELFHTML/Navigationshilfen HTML/XHTML Weiterführende HTML-Elemente
Stylesheet-Bereiche in HTML
| SELFHTML/Navigationshilfen HTML/XHTML Weiterführende HTML-Elemente |
|
|
Stylesheet-Bereiche in HTML |
|
|
|
| | |
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.
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 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 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.
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 |
|
© 2005 Impressum