|
Allgemeines zu Style-Sheets
Arten, Style-Sheets zu definieren
DTP-Feinheiten, wie sie durch Style-Sheets realisiert werden sollen, stehen in Konflikt zu den unterschiedlichen Betriebssystem- und Oberflächen-Ressourcen der Anwender. Als HTML-Entwickler wissen Sie nicht, womit Ihre WWW-Seiten gelesen werden, ob mit einem MS-Windows-PC, einem Mac, einem Amiga, einer Sun oder einem VMS-Großrechner. HTML stellt zwar einen einheitlichen Zeichensatz zur Verfügung, aber Sie werden kaum eine Schriftart finden, die auf wirklich jedem Rechner installiert ist. Auch erzwungene Schriftgrößen
sind problematisch. Auf einem Bildschirm mit 1280x1024 Pixeln sieht eine 9-Punkt-Schrift ziemlich mikrig aus, auf einem Bildschirm mit 640x480 Pixeln dagegen recht ordentlich.
Echte DTP-Präzision wird HTML im Rahmen seines Ansatzes ohnehin nie erreichen können. Da sind Formate wie das des Acrobat Reader (PDF-Dateien) wesentlich ausgereifter. Und auch das PDF-Format ist plattformunabhängig. Nachteil gegenüber HTML sind die vergleichsweise teueren Editierwerkzeuge und die Dateigrößen. Dazu kommt, daß perfektes Print-Layout nicht unbedingt die beste Lösung für Information ist, die am Bildschirm gelesen wird.
Style-Sheets sind bislang kein offizieller Bestandteil von HTML. Aber das W3-Konsortium bietet eine mittlerweile ziemlich ausgereifte Empfehlung zum Notieren von Style-Sheets an. Diese Empfehlung ist in der Internet-Draft Cascading Style Sheets zusammengefaßt.
Der Microsoft Internet Explorer interpretiert ab Version 3.0 Style-Sheets entsprechend der gegenwärtigen Vorschläge, ebenso Netscape ab Version 4.0. Da die Technik noch nicht ausgereift ist, kommt es jedoch nicht immer zu den gewünschten Anzeigeergebnissen. Aufgrund dieser Situation sollten Sie Style-Sheets noch nicht wie selbstverständlich auf Ihren WWW-Seiten verwenden und vermeiden, sie zum zentralen Gestaltungsmittel zu machen.
Allgemeines zu Style-Sheets
Style-Sheets sollen in HTML endlich ermöglichen, was in jeder halbwegs brauchbaren Textverarbeitung längst zum Standard gehört: definierte Formate, die auf einzelne Textabsätze anwendbar sind. Dazu gehören Angaben zu Schriftarten, Absatzabständen, Einzügen usw.
Arten, Style-Sheets zu definieren
Style-Sheets können Sie auf verschiedene Arten definieren.
Beispiel:
<html>
<head>
<title>Titel der Datei</title>
<link rel=stylesheet type="text/css" href="formate.css" title="Meine Formate">
<style type="text/css">
@import url(beispiel.css);
... Style-Sheet-Definitionen ...
</style>
</head>
<body>
<p style="color: green">Ziemlich grüner Absatz</p>
</body>
</html>
Erläuterung:
Das obige Beispiel zeigt eine komplette HTML-Datei. Darin werden auf vier verschiedene Arten Style-Sheets definiert:
Beachten Sie:
Nachdem Sie entschieden haben, wie Sie Style-Sheets einbinden wollen, können Sie die eigentlichen Style-Sheet-Angaben definieren. Wenn Sie eine separate CSS-Datei dazu verwenden, sollte die Datei nichts anderes als erlaubte Style-Sheet-Definitionen enthalten.
Blättern:
Tips zum Umgang mit Frames
Style-Sheet-Angaben definieren
HTML-Dateien selbst erstellen
Dokumentation: HTML
Style-Sheets - Formatvorlagen