Operation Manual

CSS controleren in Live View
U kunt de controlemodus gebruiken in combinatie met Live View om snel HTML-elementen en de bijbehorende CSS-stijlen te identificeren. Als de
controlemodus is ingeschakeld, kunt u de muisaanwijzer op elementen op de pagina plaatsen om de kenmerken van het CSS-kadermodel weer te
geven voor elk element op blokniveau.
Opmerking: zie de CSS 2.1-specificatie voor meer informatie over het CSS-kadermodel.
Naast de visuele weergave van het kadermodel in de controlemodus kunt u tevens het deelvenster CSS-stijlen gebruiken wanneer u de
muisaanwijzer op elementen in het documentvenster plaatst. Als u het deelvenster CSS-stijlen hebt geopend in de huidige modus en de
muisaanwijzer op een element op de pagina plaatst, worden de regels en eigenschappen in het deelvenster CSS-stijlen automatisch bijgewerkt
met de regels en eigenschappen voor het betreffende element. Weergaven of deelvensters die verwant zijn aan het element waarop u de
muisaanwijzer hebt geplaatst, worden ook bijgewerkt (bijvoorbeeld de codeweergave, tagkiezer, eigenschappencontrole enzovoort).
1. Zorg dat het document is geopend in het documentvenster en klik op de knop Inspecteren (naast de knop Live View op de
werkbalk Document).
Opmerking: als Live View nog niet is ingeschakeld, wordt dit automatisch gedaan door de controlemodus.
2. Plaats de muisaanwijzer op elementen op de pagina om het CSS-kadermodel weer te geven. De rand, marge, opvulling en
inhoud worden in de controlemodus gemarkeerd met verschillende kleuren.
3. (Optioneel) Druk op de pijl naar links op uw toetsenbord om het bovenliggende element van het momenteel gemarkeerde
element te markeren. Druk op de pijl naar rechts om het onderliggende element weer te markeren.
4. (Optioneel) Klik op een element om een gemarkeerde selectie te vergrendelen.
Opmerking: als u op een element klikt om een gemarkeerde selectie te vergrendelen, wordt de controlemodus uitgeschakeld.
Aanbevelingen van Adobe
Hebt u een zelfstudie die u wilt delen?
Dreamweaver CS5 - CSS Inspect (Controle in
Dreamweaver CS5 - CSS)
Scott Fegette, Dreamweaver Product Manager
Videozelfstudie waarin de CSS-controlefunctie wordt
besproken
Meer Help-onderwerpen
Juridische kennisgevingen | Online privacybeleid
286