Een CSS-regel maken

Zoeken

Laatst bijgewerkt op 2 mei 2021

In Dreamweaver CC en hoger is het deelvenster CSS-stijlen vervangen door CSS ontwerpen. Zie CSS ontwerpen voor meer informatie.

U kunt een CSS-regel maken om de opmaak te automatiseren van HTML-tags of van een tekstbereik dat is aangeduid met de kenmerken class of ID.

Plaats de invoegpositie in het document en ga vervolgens op een van de volgende manieren te werk om het dialoogvenster Nieuwe CSS-regel te openen:
- Selecteer Opmaak > CSS-stijlen > Nieuw.
- Klik in het deelvenster CSS-stijlen (Venster > CSS-stijlen) op de knop Nieuwe CSS-regel (+) rechtsonder in het deelvenster.
- Selecteer tekst in het documentvenster. Selecteer Nieuwe CSS-regel in het vervolgkeuzemenu Doelregel van de CSS-eigenschappencontrole (Venster > Eigenschappen) en klik op de knop Regel bewerken of selecteer een optie in de eigenschappencontrole (klik bijvoorbeeld op de knop Vet) om een nieuwe regel te starten.
Geef in het dialoogvenster Nieuwe CSS-regel het selectietype op voor de CSS-regel die u wilt maken:
- Als u een aangepaste stijl wilt maken die als een kenmerk class kan worden toegepast op een willekeurig HTML-element, selecteert u de optie Klasse in het vervolgkeuzemenu Type kiezer, en typt u een naam voor de stijl in het tekstvak Naam van kiezer.
Opmerking:

Klassenamen moeten beginnen met een punt en kunnen elke combinatie van letters en cijfers bevatten (bijvoorbeeld, .mijnkop1). Als u aan het begin geen punt opgeeft, geeft Dreamweaver deze automatisch voor u op.
- Als u de opmaak wilt definiëren voor een tag die een specifiek Id-kenmerk heeft, selecteert u de optie ID in het vervolgkeuzemenu Type kiezer, en voert u de id, bijvoorbeeld containerDIV, in het tekstvak Naam van kiezer in.
Opmerking:

Id's moeten beginnen met een hekje (#) en kunnen elke combinatie van letters en cijfers bevatten (bijvoorbeeld #mijnID1). Als u aan het begin geen hekje opgeeft, geeft Dreamweaver dit automatisch voor u op.
- Als u de standaardopmaak van een specifieke HTML-tag wilt herdefiniëren, selecteert u de optie Tag in het vervolgkeuzemenu Type kiezer. Voer daarna een HTML-tag in het tekstvak Naam van kiezer in of selecteer een HTML-tag in het pop-upmenu.
- Als u een samengestelde regel wilt definiëren die invloed heeft op twee of meer tags, klassen of id's tegelijk, selecteert u de optie Samengesteld en voert u de kiezers voor de samengestelde regel in. Als u bijvoorbeeld div p invoert, wordt de regel toegepast op alle elementen p binnen div-tags. Wanneer u kiezers toevoegt of verwijdert, wordt een beschrijving weergegeven waarin exact wordt uitgelegd op welke elementen de regel van toepassing is.
Selecteer de locatie waar u de regel wilt definiëren en klik vervolgens op OK:
- Selecteer de stijlpagina als u de regel wilt plaatsen in een stijlpagina die al aan het document is gekoppeld.
- Als u een externe stijlpagina wilt maken, selecteert u Nieuw stijlpaginabestand.
- Als u de stijl wilt inbedden in het huidige document, selecteert u Alleen dit document.
Selecteer in het dialoogvenster Definitie van CSS-regel de stijlopties die u wilt instellen voor de nieuwe CSS-regel. Zie de volgende sectie voor meer informatie.
Wanneer u klaar bent met het instellen van de stijleigenschappen, klikt u op OK.

Opmerking:

Als u op OK klikt zonder stijlopties in te stellen, maakt u een nieuwe, lege regel.