Selecteer in het document de tekst waarop
je een CSS-stijl wilt toepassen.
Laatst bijgewerkt op
6 mei 2019
Lees hoe u CSS-klassenstijlen toepast, verwijdert of hernoemt in Dreamweaver
Notitie
In nieuwere versies van Dreamweaver is het deelvenster CSS-stijlen vervangen door CSS ontwerpen. Zie CSS ontwerpen voor meer informatie.
Klassestijlen zijn het enige type CSS-stijl dat kan worden toegepast op elke tekst in een document, ongeacht welke tags de tekst controleren.Alle klassestijlen die zijn gekoppeld aan het huidige document worden weergegeven in het CSS-stijldeelvenster (met een punt [.] voor hun naam) en in het pop-upmenu Stijl van de eigenschappeninspector voor tekst.
Je ziet de meeste stijlen direct bijgewerkt, maar je moet je pagina in een browser bekijken om te controleren of een stijl naar verwachting is toegepast. Wanneer je twee of meer stijlen toepast op dezelfde tekst, kunnen de stijlen botsen en onverwachte resultaten opleveren.
Notitie
Wanneer je stijlen bekijkt die zijn gedefinieerd in een extern CSS-stijlblad, zorg er dan voor dat je het stijlblad opslaat om ervoor te zorgen dat je wijzigingen worden weergegeven wanneer je de pagina in een browser bekijkt.
Een CSS-klassenstijl toepassen
Plaats het invoegpunt in een alinea om de stijl toe te passen op de hele alinea.
Als je een tekstbereik selecteert binnen een enkele alinea, heeft de CSS-stijl alleen effect op het geselecteerde bereik.
Om de exacte tag op te geven waarop de CSS-stijl moet worden toegepast, selecteer je de tag in de tagselector linksonder in het documentvenster.
Voer een van de volgende handelingen uit om een klassenstijl toe te passen:
Selecteer in het CSS-stijlenpaneel (Venster > CSS-stijlen) de modus Alle, klik met de rechtermuisknop op de naam van de stijl die je wilt toepassen en selecteer Toepassen in het contextmenu.
Selecteer in de HTML Property inspector de klasstijl die je wilt toepassen in het pop-upmenu Klasse.
Klik in het documentvenster met de rechtermuisknop (Windows) of Control-klik (Macintosh) op de geselecteerde tekst en selecteer in het contextmenu CSS-stijlen en vervolgens de stijl die je wilt toepassen.
Selecteer Opmaak > CSS-stijlen en selecteer in het submenu de stijl die je wilt toepassen.
Een klassenstijl verwijderen uit een selectie
Selecteer het
object of de tekst waarvan je de stijl wilt verwijderen.
Selecteer in de HTML Property inspector (Venster >
Eigenschappen) Geen in het pop-upmenu Klasse.
De naam van een klassenstijl wijzigen
Klik in het CSS-stijlenpaneel
met de rechtermuisknop op de CSS-klasstijl die je wilt hernoemen
en selecteer Klasse hernoemen.
Notitie
Je kunt een klasse ook hernoemen door Klasse hernoemen te selecteren in het optiemenu van het CSS-stijlenpaneel.
Zorg er in het dialoogvenster Klasse hernoemen voor dat de klasse
die je wilt hernoemen is geselecteerd in het pop-upmenu Klasse hernoemen.
Typ in het tekstvak Nieuwe naam de nieuwe naam voor de nieuwe klassen en klik op OK.
Als de klasse die je hernoemt intern is in de head van het huidige document, wijzigt Dreamweaver de klassenaam en alle instanties van de klassenaam in het huidige document. Als de klasse die je hernoemt zich in een extern CSS-bestand bevindt, opent Dreamweaver het bestand en wijzigt de klassenaam in het bestand. Dreamweaver opent ook een sitebreed dialoogvenster Zoeken en vervangen zodat je kunt zoeken naar alle instanties van de oude klassenaam in je site.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
