Operation Manual

Alle
Aktuell
Quellen
@Medien
Selektoren
Eigenschaften
Hinweis:
Tastaturbefehle
Anzeigen, welche Seitenelemente mit einem CSS-Selektor verknüpft sind (13.1)
Deaktivieren der Live-Hervorhebung
Siehe auch
Gestalten von Seitenlayouts mit CSS
CSS3-Übergangseffekte
Das Bedienfeld „CSS Designer“ besteht aus folgenden Bereichen und Optionen:
Führt den gesamten CSS-Code, alle Medienabfragen und Selektoren im aktuellen Dokument auf. In
diesem Modus wird die Auswahl nicht berücksichtigt. Wenn Sie also ein Element auf der Seite auswählen,
wird der entsprechende Selektor, die entsprechende Medienabfrage oder das entsprechende CSS nicht in
CSS Designer markiert.
Verwenden Sie diese Option als Ausgangspunkt beim Erstellen der Selektoren oder Medienabfragen.
Führt alle berechneten Stile für alle in der Entwurfs- oder Live-Ansicht des aktuellen Dokuments
ausgewählten Elemente auf. Wenn Sie diesen Modus für eine CSS-Datei in der Codeansicht verwenden,
werden alle Eigenschaften für den Selektor mit dem Fokus angezeigt.
Verwenden Sie diese Option, um die Eigenschaften von Selektoren zu bearbeiten, die den im Dokument
ausgewählten Elementen zugeordnet sind.
Listet alle CSS-Stylesheets auf, die mit dem Dokument verknüpft sind. In diesem Bereich können
Sie eine CSS-Datei an das Dokument anhängen oder die Stile innerhalb des Dokuments definieren.
Listet alle Medienabfragen der Quelle auf, die im Bereich „Quelle“ ausgewählt ist. Wenn Sie kein
CSS auswählen, werden in diesem Bereich alle Medienabfragen des Dokuments angezeigt.
Listet alle Selektoren der Quelle auf, die im Bereich „Quelle“ ausgewählt ist. Wenn Sie auch eine
Medienabfrage auswählen, wird die Selektorenliste auf die Selektoren dieser Medienabfrage eingegrenzt. Ist
kein CSS und auch keine Medienabfrage ausgewählt, werden hier alle Selektoren des Dokuments angezeigt.
Wenn Sie im Bereich „@Medien“ „GLOBAL“ auswählen, werden alle Selektoren angezeigt, die nicht in einer
Medienabfrage der ausgewählten Quelle enthalten sind.
Zeigt die Eigenschaften an, die Sie für den angegebenen Selektor festlegen können. Weitere
Informationen finden Sie unter Festlegen von Eigenschaften.
Der CSS Designer ist kontextsensitiv. Das bedeutet, dass Sie für den jeweiligen Kontext bzw. für das
ausgewählte Seitenelement die zugehörigen Selektoren und Eigenschaften anzeigen können. Und wenn Sie
einen Selektor auswählen, werden in den entsprechenden Bereichen die zugehörige Quelle und
Medienabfrage hervorgehoben.
Videotutorial
Add style to web pages with the CSS Designer panel
Wenn Sie ein Seitenelement auswählen, wird im Bereich „Selektoren“ „COMPUTED“ angezeigt.
Klicken Sie auf einen Selektor, um die zugehörige Quelle, Medienabfrage und die zugehörigen Eigenschaften
anzuzeigen.
Um alle Selektoren anzuzeigen, können Sie im Bereich „Quellen“ den Eintrag „ALLE QUELLEN“ auswählen.
Um·Selektoren·anzuzeigen,·die·zu·keiner·Medienabfrage·in·der·ausgewählten·Quelle·gehören,·klicken·Sie·im·
„@Medien“ auf·„GLOBAL“.
256