Operation Manual
Kompozer
Kompozer-Anleitung Version 1.01 vom 07.06.2008 Seite 67
Definition der Styles
1. Suchen Sie der Reihe nach die Registerblätter 'Text', 'Hintergrund', 'Begrenzungen'
usw. auf und gestalten Sie die Elemente nach Ihren Wünschen. Der folgende Ab-
schnitt legt detailliert dar, wie Sie vorgehen müssen.
2. Kehren Sie zum Registerblatt 'Allgemein' zurück, um die komplette Style-Definition
zu sehen, die Sie für den Selektor gesetzt haben.
3. Sie können im Register 'Allgemein' die Regeln editieren, aber es ist besser, den Job
CaScadeS zu überlassen, weil im Fehlerfall wird die Deklaration gelöscht wird.
4. Klicken Sie auf 'OK'
Sind die Regeln erst einmal eingerichtet worden, können sie editiert werden, CaScadeS
muss dazu wieder geöffnet werden dann, das Stylesheet im linken Fenster 'Styles und Re-
geln' expandieren und dann auf die gewünschte Regel klicken. In diesem Fenster sehen
Sie alle Tags, die von Ihnen definiert wurde. Ich werde jetzt nicht alle Optionen bespre-
chen, aber einige werden im weiteren Verlauf behandelt.
Es ist nicht erforderlich, dass Sie alle Eigenschaften einstellen. Sie können so viel oder so
wenig bestimmen, wie Sie möchten. Es ist so, dass die Browser zu den Standards um-
schalten, wenn Sie einzelne Eigenschaften nicht bestimmen. Sie können komplizierte Re-
geln aufstellen, aber nicht alle Browser halten sich daran.
Sie können Richtlinien für den <Body> festlegen und sie dadurch auf alle untergeordneten
Elementen anwenden. Es wird dann von Vererbung gesprochen. Nur die Elemente, für die
es ausdrücklich andere Regeln gibt, werden unterschiedlich formatiert. Im Allgemeinen
funktioniert das, aber es kann Überraschungen geben.
Anmerkung:
Die im CaScadeS verfügbaren Register erlauben das Einstellen einer große
Anzahl von wichtigen Style-Eigenschaften. Die CSS Spezifikation umfasst jedoch noch
viele andere. Wenn Sie mit diesen vertraut sind, können Sie die Definitionen manuell in
das Fenster angeführt 'Style-Regel' eintippen. Beim Schließen wird CaScadeS wird die
Gültigkeit der Definitionen überprüfen und diejenigen, die korrekt sind, zum Stylesheet hin-
zufügen.
Um einen Style für eine Hauptüberschrift zu erstellen, wiederholen Sie den Vorgang, d.h.
klicken Sie auf
Regel
, aktivieren Sie wieder die Option
Style allen Elementen eines be-
stimmten Typs zuweisen
, schreiben jetzt aber "h1" und drücken dann auf
Style-Regel
erstellen.
Im linken Fenster des CSS-Editors sollten Sie eine Struktur sehen, die anzeigt, dass Ihr
internes Stylesheet zwei Elemente "p" und "h1" enthält. Diese sind die Styledefinitionen für
Ihren Absatztext und die Überschrift h1. (Noch sind sie beide ohne Inhalt, werden also
nichts bewirken.)