Operation Manual

Alles
Huidig
Bronnen
@Media
Kiezers
Eigenschappen
Opmerking:
Sneltoetsen
Pagina-elementen identificeren die zijn gekoppeld met een CSS-kiezer (13.1)
Livemarkering uitschakelen
Zie ook
Pagina's opmaken met CSS
CSS3-overgangseffecten
Het deelvenster CSS ontwerpen bestaat uit de volgende deelvensters en opties:
Hier worden alle CSS, mediaquery's en kiezers in het huidige document worden weergegeven. Deze
modus is niet gevoelig voor de selectie. Dit betekent dat wanneer u een element op de pagina selecteert, de
bijbehorende kiezer, mediaquery of CSS niet wordt gemarkeerd in CSS ontwerpen.
Gebruik deze optie om kiezers of mediaquery's te maken.
Hier worden alle berekende stijlen weergegeven voor een element dat is geselecteerd in de
ontwerpweergave of in Live View van het huidige document. Wanneer u deze modus gebruikt voor een CSS-
bestand in de codeweergave, worden alle eigenschappen weergegeven voor de kiezer met focus.
Gebruik deze optie om de eigenschappen te bewerken van kiezers die zijn gekoppeld met geselecteerde
elementen in het document.
Hier worden alle CSS-stijlpagina's weergegeven die aan het document zijn gekoppeld. Met dit
deelvenster kunt u CSS maken en koppelen aan het document of stijlen definiëren in het document.
Hier worden alle mediaquery's in de bron die is geselecteerd in het deelvenster Bronnen
weergegeven. Als u geen specifieke CSS selecteert, bevat dit deelvenster alle mediaquery's die aan het
document zijn gekoppeld.
Hier worden alle kiezers in de bron die is geselecteerd in het deelvenster Bronnen weergegeven. Als
u ook een mediaquery selecteert, wordt de lijst met kiezers in dit deelvenster beperkt tot die voor de
mediaquery. Als er geen CSS of mediaquery is geselecteerd, bevat dit deelvenster alle kiezers in het
document.
Wanneer u Algemeen selecteert in het deelvenster @Media, worden alle kiezers weergegeven die niet zijn
opgenomen in een mediaquery van de geselecteerde bron.
Geeft de eigenschappen weer die u voor de opgegeven kiezer kunt instellen. Zie
Eigenschappen instellen voor meer informatie.
CSS ontwerpen is contextgevoelig. Dit betekent dat u voor een bepaalde context of een geselecteerd pagina-
element de gekoppelde kiezers en eigenschappen kunt weergeven. Wanneer u een kiezer in CSS ontwerpen
selecteert, worden ook de gekoppelde bron en mediaquery's gemarkeerd in de betreffende panelen.
Videozelfstudie
Stijl toevoegen aan webpagina's met het deelvenster CSS ontwerpen
Wanneer u een pagina-element selecteert, wordt 'Berekend' geselecteerd in het deelvenster
Kiezers. Klik op een kiezer om de bijbehorende bron, mediaquery of eigenschappen weer te geven.
Als u alle kiezers wilt weergeven, kiest u Alle bronnen in het deelvenster Bronnen. Als u kiezers wilt
weergeven die niet tot een mediaquery in de geselecteerde bron behoren, klikt u op Algemeen in het
deelvenster @Media.
Videozelfstudie
87