Cascading Stylesheets
Stil mit <Stil>
Cascading Stylesheets
Stil mit <Stil>
Die CSS-Referenz fasst alle CSS1/CSS2-Stile und ihre Eigenschaften in Gruppen zusammen. Die Gruppierung soll dem Einsteiger helfen, einen Stil zu finden, der eine bestimmte Funktionalität bietet.
Im Zusammenhang mit dem Buch „Cascading Stylesheets – Stil mit <Stil>” sind natürlich die Beispiele zu den Eigenschaften besonders interessant, da die Beispiele erst den Zugang zur Funktionsweise einer Eigenschaft bieten. An dieser Stelle kann ich nur dazu raten, die Beispiele in verschiedenen Browsern anzusehen: Internet Explorer, Netscape oder Mozilla (Netscape beruht auf dem Code von Mozilla) und in Opera.
Zur Beginn jeder Beschreibung steht ein Überblick mit einer Kurzbeschreibung. Beachten Sie bitte, dass sich die Browserunterstützung nur auf die vier „Mainstream”-Browser bezieht: Internet Explorer, Mozilla, Netscape und Opera. Die Syntax für die Angabe der Werte finden Sie am Anfang von Kapitel 4 im Buch.
Die Angabe eines Browsers besagt zudem nicht, dass der
Browser den Stil mit allen Werten vollständig unterstützt. So kann
Internet Explorer zwar seit Version 4 positionierte Elemente darstellen, aber
der Wert fixed für die feste Positionierung wird von Internet
Explorer auf dem PC bis heute nicht unterstützt. Auch Netscape 4 unterstützt
Teile der Positionierung – aber erst Netscape 6 unterstützt alle
Werte korrekt.
Eine vollständige und ausgetestete Liste, welcher Browser welche Stile korrekt unterstützt, finden Sie auf den Seiten von www.webreview.com im Browser Style Compatibility Chart.
| IE4+ M1 N4+ O5+ Version: CSS2 Erblich: Nein |
position ist eine von zwei Eigenschaften, mit denen die physikalische Position eines Elements auf einer Seite gesteuert wird (die andere Eigenschaft ist float). | absolute | fixed | relative | static |
Die Beispiele sind häufig in eigenen Dokumenten untergebracht, damit die Stile dieser Referenzseiten nicht mit den vorgestellten Stilen kollidieren. Mein Tipp: Sehen Sie sich auch den Quellcode dieser Beispiele an, wenn Sie bestimmte Stile nachvollziehen wollen.
Mozilla (Mac oder PC) oder Netscape ab Version 7 und Internet Explorer 5 auf dem Mac und PC sind Browser, die CSS1 vollständig und den größten Teil von CSS2 darstellen können. Diese Browser sind also immer dann besonders empfehlenswert, wenn Sie herausfinden wollen, wie ein Element mit einem besonderen Stil tatsächlich aussehen sollte.
Auf Netscape 4 nimmt diese Referenz nur wenig Rücksicht. Wer diese Seiten mit Netscape 4 betrachtet, wird eine simple lineare Aufteilung der Seiten sehen, die auf einem besonderen Stylesheet für Netscape 4 aufbaut. Sogar reine Textbrowser wie Lynx werden diese Seiten noch lesbar darstellen und alternative Ausgabegeräte wie Braillezeilen und Sprachausgabe werden akzeptable Ergebnisse liefern.