Freigeben über

Formatvorlagen verwalten (Panel)

  • Artikel

Im Panel Formatvorlagen verwalten können Sie Formatvorlagen anwenden, ändern, umbenennen und löschen. Sie können externe Cascading Stylesheets (CSS) anfügen oder trennen, alle Instanzen einer Formatvorlage auswählen und zu dem Code wechseln, der den Regelsatz einer Formatvorlage enthält. Zudem können Sie im Panel Formatvorlagen verwalten Formatvorlagen aus einem externen CSS in ein internes CSS und umgekehrt verschieben. Oder Sie können den Speicherort einer Formatvorlage innerhalb eines CSS verschieben.

Wenn Sie eine Webseite öffnen, werden im Panel Formatvorlagen verwalten die Formatvorlagen aufgelistet, die in den externen und internen Cascading Stylesheets (CSS) der Seite definiert sind. Dies gilt nicht für Inline-CSS. Sie können festlegen, dass im Panel alle Formatvorlagen angezeigt werden, oder Sie können die Anzeige nur auf die Formatvorlagen einschränken, die auf der aktuellen Webseite oder in der aktuellen Auswahl auf der Seite verwendet werden. Alle Klassen-, Element- und ID-Auswahlen werden entweder unter dem Namen der externen CSS-Datei angezeigt, die die Formatvorlage enthält, oder unter Aktuelle Seite, falls sich die Formatvorlage in einem internen CSS befindet.

Cc295470.alert_tip(DE-DE,Expression.30).gifTipp:

Sie können mit dem Zeiger vorübergehend alle Eigenschaftendeklarationen einer Formatvorlage in einem unverankerten Fenster anzeigen, indem Sie im Panel Formatvorlagen verwalten auf die Formatvorlage zeigen.

Panel "Formatvorlagen verwalten"

Cc295470.c7cb514c-3f8d-46e0-a624-8c82af568ddf(DE-DE,Expression.30).png

Cc295470.edef891a-6b74-4192-8f7f-5079614b9112(DE-DE,Expression.30).png

Eine externe CSS-Datei, auf die von der aktuellen Webseite verwiesen wird.

Cc295470.957413f8-28e0-4dc7-a144-0598679350b9(DE-DE,Expression.30).png

Eine Liste der Klassen-, Element- und ID-Auswahlen von internen CSS-Dateien und importierten externen CSS-Dateien, wie in Aktuelle Seite definiert.

Cc295470.13f14333-cc5f-457a-863b-ccd449500941(DE-DE,Expression.30).png

Eine externe CSS-Datei, die in die aktuelle Webseite importiert wurde.

Cc295470.0a66dad8-587c-4ccb-86ee-5e9cd1ef8c68(DE-DE,Expression.30).png

Eine Formatvorlage, die im internen CSS auf der aktuellen Webseite definiert ist.

Cc295470.9c26150c-cd15-44bb-bf69-ff72093d3d71(DE-DE,Expression.30).png

Standardmäßig werden die Selektoren einer Formatvorlage, die mehrere Selektoren enthält, gruppiert angezeigt. Sie können die Selektoren getrennt auflisten, indem Sie auf Optionen und anschließend auf Gruppierte Auswahlzeiger trennen klicken.

Mit den Symbolen, die neben einer Formatvorlage im Panel Formatvorlagen verwalten angezeigt werden, wird der Typ der Formatvorlage identifiziert. Zudem wird angezeigt, ob die Formatvorlage auf der aktuellen Webseite verwendet wird.

Symbole des Panels "Formatvorlagen verwalten"

Symbol

Beschreibung
Cc295470.d2d37440-9664-4050-a58e-7fee8ea63242(DE-DE,Expression.30).png

Neben ID-Auswahlen wird ein roter Punkt angezeigt.
Cc295470.2374f498-4295-4fe3-be55-7d154c89142a(DE-DE,Expression.30).png

Neben Klassenauswahlen wird ein grüner Punkt angezeigt.
Cc295470.c983e0ca-2bc5-409e-b8fc-834785293639(DE-DE,Expression.30).png

Neben Elementauswahlen wird ein blauer Punkt angezeigt.
Cc295470.376aebaa-ab0c-430f-a82d-6f13d6125571(DE-DE,Expression.30).png

Um einen farbigen Punkt wird ein Kreis angezeigt, um die auf der aktuellen Webseite verwendeten Formatvorlagen zu markieren.
Cc295470.e67de9f1-9a1a-46ce-8629-06280b678e1b(DE-DE,Expression.30).png

Neben importierten externen Cascading Stylesheets wird das @-Symbol angezeigt.

So verschieben Sie eine Formatvorlage

  1. Klicken Sie im Panel Formatvorlagen verwalten auf Optionen, und wählen Sie dann Nach Reihenfolge kategorisieren aus.

  2. Führen Sie einen der folgenden Schritte aus:

    • Ziehen Sie zum Verschieben der Position einer Formatvorlage im CSS die Formatvorlage in der Liste nach oben oder nach unten. Sie können beispielsweise die am häufigsten verwendeten Formatvorlagen verschieben, sodass sie benutzerfreundlich nebeneinander angezeigt werden.

    • Ziehen Sie zum Verschieben einer Formatvorlage aus einem internen CSS in ein an die Seite angefügtes externes CSS die Formatvorlage unter Aktuelle Seite zum Namen des externen CSS, das diese Formatvorlage enthalten soll, oder zu einer bestimmten Position in der Liste der Formatvorlagen im externen CSS.

    • Ziehen Sie zum Verschieben einer Formatvorlage aus einem externen CSS in ein internes CSS die Formatvorlage unter dem Namen des externen CSS entweder auf Aktuelle Seite oder auf eine bestimmte Position in der Liste der Formatvorlagen unter Aktuelle Seite. Falls Aktuelle Seite nicht angezeigt wird, fügen Sie eine Gruppe von <style></style>-Tags zwischen den <head></head>-Tags der Webseite ein.

    • Ziehen Sie zum Verschieben einer Formatvorlage aus einem externen CSS in ein anderes externes CSS die Formatvorlage zum Namen des externen CSS, das diese Formatvorlage enthalten soll, oder zu einer bestimmten Position in der Liste der Formatvorlagen im externen CSS.

    Cc295470.alert_note(DE-DE,Expression.30).gifHinweis:

    Wenn das Panel Formatvorlagen verwalten im Optionspanel auf Nach Element kategorisieren oder Nach Typ kategorisieren festgelegt ist, ist das Verschieben einer Formatvorlage an eine bestimmte Position in der Liste der Formatvorlagen nicht möglich. Unabhängig von der ausgewählten Option ist das Verschieben einer Formatvorlage aus einem externen CSS zu einem anderen externen CSS oder zu einem internen CSS oder umgekehrt nur möglich, wenn Sie die Formatvorlage zum Namen der externen CSS-Datei oder zu Aktuelle Seite (für ein internes CSS) ziehen.

So sortieren Sie Formatvorlagen im Panel "Formatvorlagen verwalten"

  • Klicken Sie im Panel Formatvorlagen verwalten auf Optionen, und führen Sie einen der folgenden Schritte aus:

    Option

    Aufgabe

    Nach Reihenfolge kategorisieren

    Listet Formatvorlagen gemäß der Reihenfolge auf, in der sie im CSS angezeigt werden.

    Nach Element kategorisieren

    Listet Formatvorlagen unter dem HTML-Element auf, auf das eine Formatvorlage angewendet wird.

    Nach Typ kategorisieren

    Listet Formatvorlagen alphabetisch und gemäß dem Typ der Formatvorlage auf.

So listen Sie jeden Selektor von Formatvorlagen, die mehrere Selektoren enthalten, getrennt auf

  • Klicken Sie im Panel Formatvorlagen verwalten auf Optionen, und wählen Sie dann Gruppierte Auswahlzeiger trennen aus.

So blenden Sie Formatvorlagen im Panel "Formatvorlagen verwalten" ein oder aus

  • Klicken Sie im Panel Formatvorlagen verwalten auf Optionen, und führen Sie einen der folgenden Schritte aus:

    Option

    Aufgabe

    Alle Formatvorlagen anzeigen

    Listet alle Formatvorlagen auf, die im externen, Inline- und internen CSS der aktuellen Webseite aufgeführt sind.

    In der aktuellen Seite verwendete Formatvorlagen anzeigen

    Listet nur die in der aktuellen Webseite verwendeten Formatvorlagen auf.

    In der Auswahl verwendete Formatvorlagen anzeigen

    Listet nur die in der aktuellen Auswahl auf der Seite verwendeten Formatvorlagen auf.

So zeigen Sie eine Vorschau einer ausgewählten Formatvorlage im Panel "Formatvorlagen verwalten" an

  • Klicken Sie im Panel Formatvorlagen verwalten auf Optionen, und wählen Sie dann Ausgewählte Formatvorlagenvorschau anzeigen aus.

Siehe auch

Konzepte

Verwenden von Werkzeugen für Cascading Stylesheets

Cascading Stylesheet-Referenz

Verwenden von Formatvorlagen

Referenz

Formatvorlagen übernehmen (Panel)

Bereich "CSS-Eigenschaften"