Globale Stile

www.altova.com Alle erweitern/reduzieren Dieses Kapitel drucken Vorherige Seite Eine Ebene nach oben Nächste Seite

Startseite >  Benutzeroberfläche > Seitenleisten >

Globale Stile

Im Fenster Gobale Stile (Screenshot unten) können Sie externe CSS Stylesheets zuweisen und globale CSS-Stile für das SPS definieren. Stilregeln in  externen CSS Stylesheets und global definierten CSS Stilen werden auf das HTML-Ausgabedokument angewendet.

 

WinStyleRepOview

 

 

Die Seitenleiste "Gobale Stile" enthält zwei Listen: Extern und Global, jede in Form einer Baumstruktur. Unter "Extern" befindet sich eine Liste externer CSS Stylesheets, die mit dem SPS verknüpft sind. Unter "Global" finden Sie eine Liste aller globalen Stile, die mit dem SPS verknüpft sind.

 

Die Listenstruktur unter Gobale Stile sieht folgendermaßen aus:

 

 External

 - CSS-1.css (Location given in popup that appears on mouseover)

   - Media (can be defined in Style Repository window)

   - Rules (non-editable; must be edited in CSS file)

     - Selector-1

       - Property-1

       - ...

       - Property-N

     - ...

     - Selector-N

 + ...

 + CSS-N.css

 Global

 - Selector-1

   + Selector-1 Properties

 - ...

 + Selector-N        

 

Vorrang von Stilregeln

Wenn eine globale Stilregel und eine Stilregel in einem externen CSS Stylesheet Selektoren haben, die sich auf dieselbe Dokumentkomponente beziehen, hat die globale Stilregel Vorrang vor der Stilregel im externen Stylesheet und wird angewendet. Wenn sich zwei oder mehrere globale Stilregeln auf dieselbe Dokumentkomponente beziehen, so wird die Regel angewendet, die als letzte in diesen Regeln aufgelistet ist. Wenn sich analog dazu zwei oder mehr Stilregeln im externen Stylesheet auf dieselbe Dokumentkomponente beziehen, so wird die letzte dieser Regeln im letzten der Stylesheets, das sie enthält, angewendet.

 

Verwalten von Stilen im Fenster Gobale Stile

Im Fenster "Gobale Stile" stehen über die Symbolleiste und/oder Kontextmenüeinträge die folgenden Möglichkeiten zur Verfügung:

 

Hinzufügen:  Über das Symbol Hinzufügen ic_add_SVSidebar können Sie, je nachdem, ob die Struktur "Extern" oder die Struktur "Global" ausgewählt ist, einen neuen externen Stylesheet-Eintrag zur Baumstruktur "Extern" bzw. einen neuen globalen Stileintrag zur Baumstruktur "Global" hinzufügen. Der neue Eintrag wird an die Liste der bereits vorhandenen Einträge in der Baumstruktur angehängt. Der Befehl Hinzufügen steht auch über das Kontextmenü zur Verfügung. Nähere Informationen zur Verwendung externer Stylesheets finden Sie unter Arbeiten mit CSS-Stilen. Beachten Sie, dass auch ein externes CSS-Stylesheet oder ein über die Seitenleiste "Design-Übersicht" entferntes Stylesheet hinzugefügt werden kann. .

 

Einfügen: Über das Symbol Einfügen ic_insert wird oberhalb des ausgewählten externen Stylesheet (in der Struktur "Extern") bzw. oberhalb des ausgewählten globalen Stils (in der Struktur "Global") ein neues externes Stylesheet bzw. ein neuer Eintrag für einen globalen Stil eingefügt. Der Befehl Einfügen steht auch über das Kontextmenü zur Verfügung. Nähere Informationen zur Verwendung externer Stylesheets und globaler Stile finden Sie unter Arbeiten mit CSS-Stilen.

 

Nach oben/Nach unten: Über das Symbol Nach oben BtnMoveUp bzw. Nach unten BtnMoveDown wird das ausgewählte externe Stylesheet bzw. der ausgewählte globale Stil im Vergleich zu den anderen Einträgen in der Baumstruktur nach oben bzw. nach unten verschoben. Diese Befehle eignen sich, um die Priorität externer Stylesheets relativ zueinander und die globaler Stilregeln relativ zueinander zu ändern. Diese beiden Befehle stehen auch über das Kontextmenü zur Verfügung. Nähere Informationen zum Ändern der Vorrangigkeit von Stilen finden Sie unter Arbeiten mit CSS-Stilen.

 

Ansichten der Stile eines Selektors: Jeder Selektor, ob in einem externen Stylesheet oder global definiert, kann in einer Ansicht angezeigt werden, die mit Hilfe von drei Ansichtseinstellungen konfiguriert werden kann. Diese Einstellungen sind: Nicht leere auflisten BtnNonEmpty, Alle erweitern BtnExpandAll und Alle reduzieren BtnCollapseAll, die alle in Form von Symbolleisten-Schaltflächen und Kontextmenübefehlen zur Verfügung stehen: Wenn Sie die Einstellung Nicht leere auflisten einschalten, werden nur die Stileigenschaften aufgelistet, für die ein Wert definiert ist. Andernfalls werden alle verfügbaren Stileigenschaften angezeigt (wodurch die Ansicht sehr unübersichtlich werden kann). Die Einstellungen Alle erweitern und Alle reduzieren lassen sich mit der Einstellung Nicht leere auflisten kombinieren und klappen alle Stildefinitionen des ausgewählten Selektors aus bzw. ein.

 

Flag 'Wichtig' ein/aus: Über das Symbol 'Wichtig' ein/aus ic_toggleimportant können Sie den CSS-Wert !important für die ausgewählte CSS-Regel ein- oder ausschalten.

 

Alle neu laden: Über das Symbol Alle neu laden ic_reloadall werden alle externen CSS Stylesheets neu geladen.

 

Zurücksetzen: Über das Symbol Zurücksetzen ic_SSWReset wird das ausgewählte externe Stylesheet bzw. der globale Stil gelöscht.

 

Bearbeiten von CSS-Stilen im Fenster Gobale Stile

Im Fenster Gobale Stile stehen die folgenden Bearbeitungsmethoden zur Verfügung:

 

Sie können ein CSS Stylesheet hinzufügen und entfernen und das Medium definieren, auf das das externe CSS Stylesheet angewendet werden soll. Eine Erläuterung dazu finden Sie im Abschnitt Externe CSS Stylesheets.
Die Selektoren und Eigenschaften globaler Stile können direkt im Fenster Gobale Stile bearbeitet werden. Eine Beschreibung dazu finden Sie im Abschnitt Globale Definition von CSS-Stilen.

 

 


© 2019 Altova GmbH