Formatvorlagen übernehmen (Panel)
Im Panel Formatvorlagen übernehmen können Sie Formatvorlagen übernehmen, entfernen, ä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. Im Panel Formatvorlagen übernehmen wird jede Formatvorlage gemäß den Regeln der Formatvorlage angezeigt. Auf diese Weise können Sie schnell die gewünschte Formatvorlage identifizieren, indem Sie sich die visuelle Darstellung der Formatvorlage ansehen.
Wenn Sie eine Webseite öffnen, werden im Panel Formatvorlagen übernehmen die Formatvorlagen aufgelistet, die in allen Cascading Stylesheets (CSS) der Seite definiert sind, einschließlich externer, Inline- und interner CSS. Klassen- und ID-Auswahlen werden entweder unter dem Namen der externen CSS-Datei, welche die Formatvorlage enthält, oder unter Aktuelle Seite angezeigt, falls sich die Formatvorlage in einem internen CSS befindet. Elementauswahlen sind auf gleiche Weise organisiert, werden jedoch unter der getrennten Überschrift Kontextbezogene Auswahlzeiger unter der Liste der Klassen- und ID-Auswahlen angezeigt. 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. Unabhängig von diesen ausgewählten Optionen werden Element- und Inlineauswahlen nur dann im Panel angezeigt, wenn Sie den Cursor in dem Inhalt platzieren, in dem die Formatvorlage verwendet wird, oder wenn Sie Inhalt markieren, in dem die Formatvorlage verwendet wird.
Sie können die Liste der im Panel Formatvorlagen übernehmen angezeigten Formatvorlagen sortieren und die Liste einschränken, sodass nur die Formatvorlagen angezeigt werden, die auf der aktuellen Webseite oder in der aktuellen Auswahl verwendet werden. Falls eine bestimmte Formatvorlage vor dem weißen Hintergrund des Panels schlecht zu erkennen ist, können Sie eine Farbe auswählen, die im Panel hinter Formatvorlagen ohne Hintergrundeigenschaft angezeigt wird.
.gif "Tipp") Tipp: |
|---|
Sie können mithilfe des Mauszeigers vorübergehend alle Regeln einer Formatvorlage in einem unverankerten Fenster anzeigen, indem Sie im Panel Formatvorlagen übernehmen auf die Formatvorlage zeigen. |
Panel "Formatvorlagen übernehmen"
.png "Cc295403.7d746eac-1e02-4837-984d-904cf410e301(DE-DE,Expression.30).png")
|
Mit Formatvorlagen löschen werden alle Klassenauswahlen und Inlineformatvorlagen aus der aktuellen Auswahl gelöscht. |
|
Eine externe CSS-Datei, auf die von der aktuellen Webseite verwiesen wird. |
|
Eine externe CSS-Datei, die in die aktuelle Webseite importiert wurde. |
|
Unter Aktuelle Seite werden die Klassen- und ID-Auswahlen von internen CSS- und importierten externen CSS-Dateien aufgelistet. |
|
Eine Formatvorlage, die im internen CSS auf der aktuellen Webseite definiert ist. |
|
Um die in der aktuellen Auswahl verwendeten Formatvorlagen wird ein gefüllter rechteckiger Rahmen angezeigt. |
|
Klassen- und ID-Auswahlen, die in der verlinkten externen CSS-Datei (events.css) enthalten sind. |
|
Jede Formatvorlage hat ein Dropdownmenü zum Ausführen zahlreicher mit Formatvorlagen verbundenen Aufgaben. Zeigen Sie auf eine Formatvorlage, und klicken Sie auf den Pfeil, oder klicken Sie mit der rechten Maustaste auf eine Formatvorlage. |
.png "Cc295403.edef891a-6b74-4192-8f7f-5079614b9112(DE-DE,Expression.30).png")
.png "Cc295403.957413f8-28e0-4dc7-a144-0598679350b9(DE-DE,Expression.30).png")
.png "Cc295403.13f14333-cc5f-457a-863b-ccd449500941(DE-DE,Expression.30).png")
.png "Cc295403.0a66dad8-587c-4ccb-86ee-5e9cd1ef8c68(DE-DE,Expression.30).png")
.png "Cc295403.9c26150c-cd15-44bb-bf69-ff72093d3d71(DE-DE,Expression.30).png")
.png "Cc295403.8f73ae30-de6d-49a5-afe3-12a0a84d80a2(DE-DE,Expression.30).png")
.png "Cc295403.3ca58ea1-12d2-4379-9b89-e415efd03ca4(DE-DE,Expression.30).png")
.png "Cc295403.0ca213c6-20bb-4cd9-9acd-ebc60a53c6bf(DE-DE,Expression.30).png")
Mit den Symbolen, die neben einer Formatvorlage im Panel Formatvorlagen übernehmen angezeigt werden, wird der Typ der Formatvorlage identifiziert. Zudem wird angezeigt, ob die Formatvorlage auf der aktuellen Webseite verwendet wird.
Panelsymbole des Panels "Formatvorlagen übernehmen"
Symbol |
Beschreibung |
|---|---|
.png "Cc295403.d2d37440-9664-4050-a58e-7fee8ea63242(DE-DE,Expression.30).png") |
Neben ID-Auswahlen wird ein roter Punkt angezeigt. |
.png "Cc295403.2374f498-4295-4fe3-be55-7d154c89142a(DE-DE,Expression.30).png") |
Neben Klassenauswahlen wird ein grüner Punkt angezeigt. |
.png "Cc295403.c983e0ca-2bc5-409e-b8fc-834785293639(DE-DE,Expression.30).png") |
Neben Elementauswahlen wird ein blauer Punkt angezeigt. |
.png "Cc295403.376aebaa-ab0c-430f-a82d-6f13d6125571(DE-DE,Expression.30).png") |
Neben Inlineformatvorlagen wird ein gelber Punkt angezeigt. |
.png "Cc295403.e67de9f1-9a1a-46ce-8629-06280b678e1b(DE-DE,Expression.30).png") |
Um einen farbigen Punkt wird ein Kreis angezeigt, um die auf der aktuellen Webseite verwendeten Formatvorlagen zu markieren. |
.png "Cc295403.040e2329-921d-46af-9cba-9f280c15d703(DE-DE,Expression.30).png") |
Neben importierten externen Cascading Stylesheets wird das @-Symbol angezeigt. |
So sortieren Sie die Liste der Formatvorlagen im Panel "Formatvorlagen übernehmen"
Klicken Sie im Panel Formatvorlagen übernehmen auf Optionen, und führen Sie einen der folgenden Schritte aus:
Wählen Sie zum Auflisten der Formatvorlagen in der Reihenfolge, in der die Formatvorlagen im CSS angezeigt werden, die Option Nach Reihenfolge kategorisieren aus.
Wählen Sie zum Auflisten der Formatvorlagen in alphabetischer Reihenfolge und gemäß dem Typ der Formatvorlage (Klassen- oder ID-Auswahlen) die Option Nach Typ kategorisieren aus.
So blenden Sie die Formatvorlagen im Panel "Formatvorlagen übernehmen" ein oder aus
Klicken Sie im Panel Formatvorlagen übernehmen auf Optionen, und führen Sie einen der folgenden Schritte aus:
Wenn Sie alle Formatvorlagen auflisten möchten, die im externen, Inline- und internen CSS der aktuellen Webseite aufgelistet sind, wählen Sie Alle Formatvorlagen anzeigen aus.
Wenn Sie nur die auf der aktuellen Seite verwendeten Formatvorlagen auflisten möchten, wählen Sie In der aktuellen Seite verwendete Formatvorlagen anzeigen aus.
Wenn Sie nur die in der aktuellen Auswahl auf der Seite verwendeten Formatvorlagen auflisten möchten, wählen Sie In der Auswahl verwendete Formatvorlagen anzeigen aus.
.gif "Hinweis")
Hinweis:Elementauswahlen und Inlineformatvorlagen werden nur dann im Panel Formatvorlagen übernehmen angezeigt, wenn Sie den Cursor in dem Inhalt platzieren, in dem die Formatvorlage verwendet wird, oder wenn Sie Inhalt markieren, in dem die Formatvorlage verwendet wird.
So zeigen Sie im Panel "Formatvorlagen übernehmen" hinter Formatvorlagen ohne Regel für eine Hintergrundeigenschaft einen farbigen Hintergrund an
Klicken Sie im Panel Formatvorlagen übernehmen auf Optionen, und wählen Sie dann Vorschau der Hintergrundfarbe anzeigen aus.
Wählen Sie im Dialogfeld Weitere Farben eine Farbe aus, und klicken Sie dann auf OK.
Siehe auch
Aufgaben
Konzepte
Verwenden von Werkzeugen für Cascading Stylesheets