Style Sheet Syntax Quick Guide 

Der Style Sheets Syntax Quick Guide umfasst die Style Sheet Empfehlungen CSS1 und CSS2 des W3C. Style Sheets sind aus sog. Regeln zusammengesetzt. Diese Regeln sind nach ganz bestimten Vorschriften aufgebaut oder anders ausgedrückt, es gilt eine spezielle Syntax. Der Style Sheets Syntax Quick Guide enthält diese Syntax - anders als die Originaldokumente - in Form von Syntaxdiagrammen. Den Diagrammen sind Erläuterungen hinzugefügt, so dass nahezu der komplette Inhalt der Spezifikationen abgedeckt wird.

Hinweise zur Bedienung

Frameeinteilung und Diagrammauswahl

Syntaxdiagramm
Allgemeine Erläuterungen zum Diagramm Erläuterung der Diagrammdetails bzw. Werte
Auswahl der Version bzw. Diagramme
Die zwei Tabellen zeigen die prinzipielle Aufteilung des Browserfensters des Style Sheet Syntax Quick Guide.
Syntaxdiagramm Allgemeine Erläuterungen zum Diagramm
Erläuterung der Diagrammdetails bzw. Werte
Auswahl der Version bzw. Diagramme
Die Aufteilung des Fensters kann abhängig vom Format der Diagramme variieren. Damit soll eine grobe Anpassung an den Platzbedarf erreicht werden. Zur exakten Einstellung des geeignet erscheinenden Ausschnitts sind die Framegrößen zusätzlich veränderbar.

Bevor ein bestimmtes Diagramm abgerufen werden kann, muss eine Style Sheet Version ausgewählt werden. Die Wahl der Version erfolgt durch die Auswahlliste links unten, die Diagramme werden rechts daneben aufgerufen.

Navigation durch Syntaxdiagramme

Wie die Syntaxdiagramme zu lesen sind, ist unter dem Button "Hilfe" (unten Mitte) nachzulesen. An dieser Stelle soll lediglich darauf hingewiesen werden, dass alle in der Grundeinstellung blauen Einträge innerhalb der Diagramme beim Überfahren mit der Maus reagieren und zwar derart, dass die dazugehörigen Erläuterungen ins Blickfeld des entsprechenden Frame verschoben werden. Zusätzlich erscheint ein Marker vor dem zugehörigen Erläuterungstext.

Skalierung der Diagramme

Leider sind Bildschirme nie groß genug! Diese Mißlichkeit dürfte dem User auch im Fall des Quick Guide ins Bewußtsein gelangen. Etwas abgemildert wird dieses Problem durch die Möglichkeit, die Diagrammgrößen durch Veränderung verschiedener Parameter zu beeinflussen. Damit bin ich die Sorge los, eine Einstellung zu finden, die möglichst allen gerecht wird. Häufig ist das auch eine Geschmacksfrage und damit eine unlösbare Aufgabe.
Natürlich darf man jetzt nicht eine Zoomfunktion, wie man sie von verschiedenen Programmen her kennt, erwarten. Dazu sind die Möglichkeiten von HTML und Javascript und die Leistungsfähigkeit der Browser doch noch zu sehr eingeschränkt. Aber beim guten alten Buchdruck gibt es ja auch keine integrierte Zoomfunktion.
Das Einstellungsmenu wird durch die Schaltfläche mit der Beschriftung "DP" (= Diagrammparameter) im untersten Frame, etwa in der Mitte, aufgerufen.