Operation Manual

CSS in der Live-Ansicht prüfen
Mithilfe der Kombination aus Prüfmodus und Live-Ansicht können Sie HTML-Elemente und ihre zugeordneten CSS-Stile schnell identifizieren.
Wenn der Prüfmodus aktiviert ist, können Sie den Mauszeiger über Elemente auf der Seite bewegen, um die Attribute des CSS-Modells für alle
Elemente auf Blockebene anzuzeigen.
Hinweis: Weitere Informationen zum CSS-Box-Modell finden Sie in der CSS 2.1-Spezifikation (in englischer Sprache).
Im Prüfmodus können Sie nicht nur das Box-Modell visuell darstellen, sondern darüber hinaus auch das Bedienfeld „CSS-Stile“ verwenden, wenn
Sie den Mauszeiger über Elemente im Dokumentfenster bewegen. Wenn das Bedienfeld „CSS-Stile“ im Modus „Aktuell“ geöffnet ist und Sie den
Mauszeiger über ein Element auf der Seite bewegen, werden die Regeln und Eigenschaften im Bedienfeld „CSS-Stile“ automatisch aktualisiert,
sodass die Regeln und Eigenschaften des Elements angezeigt werden. Zudem werden alle Ansichten oder Bedienfelder, die mit dem betreffenden
Element verbunden sind, ebenfalls aktualisiert (z. B. die Codeansicht, der Tag-Inspektor, der Eigenschafteninspektor usw.).
1. Öffnen Sie das Dokument im Dokumentfenster und klicken Sie auf die Schaltfläche „Überprüfen“ (in der Dokumentsymbolleiste neben der
Schaltfläche „Live-Ansicht“).
Hinweis: Wenn die Live-Ansicht nicht bereits aktiviert ist, wird sie im Prüfmodus automatisch aktiviert.
2. Bewegen Sie den Mauszeiger über die Elemente auf der Seite, um das CSS-Box-Modell anzuzeigen. Rahmen, Rand, Auffüllung und Inhalt
werden im Prüfmodus in verschiedenen Farben hervorgehoben.
3. (Optional) Drücken Sie die Nach-links-Taste auf der Tastatur, damit das übergeordnete Element des aktuellen hervorgehobenen Elements
hervorgehoben wird. Drücken Sie die Nach-rechts-Taste, damit wieder die Hervorhebung des untergeordneten Elements angezeigt wird.
4. (Optional) Klicken Sie auf ein Element, um eine hervorgehobene Auswahl zu sperren.
Hinweis: Wenn Sie auf ein Element klicken, um eine hervorgehobene Auswahl zu sperren, wird der Prüfmodus deaktiviert.
Adobe empfiehlt
Haben Sie ein Tutorial, das Sie anderen zur Verfügung stellen wollen?
Dreamweaver CS5 -
CSS Inspect
Scott Fegette,
Dreamweaver Product
Manager
Videotutorial zum CSS-
Prüfmodus
Verwandte Hilfethemen
Rechtliche Hinweise | Online-Datenschutzrichtlinie
232