Operation Manual

131
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Een nieuwe CSS-regel maken” op pagina 138
Zelfstudie tekst opmaken met CSS
Informatie over steno-CSS-eigenschappen
De CSS-specificatie staat toe dat u stijlen maakt met behulp van een verkorte syntaxis die men steno-CSS noemt. Met
steno-CSS kunt u de waarden van verschillende eigenschappen opgeven met behulp van één declaratie. Zo kunt u met
de eigenschap
font de eigenschappen font-style, font-variant, font-weight, font-size, line-height en
font-family instellen voor een enkele regel.
Een belangrijk punt om te onthouden bij het gebruik van steno-CSS is dat aan waarden die worden weggelaten in een
steno-CSS-eigenschap, de standaardwaarde wordt toegewezen. Hierdoor worden pagina's mogelijk incorrect
weergegeven wanneer aan twee of meer CSS-regels dezelfde label wordt toegewezen.
Zo gebruikt de regel voor
h1 hieronder de lange versie van de CSS-syntaxis. Zoals u ziet, is aan de eigenschappen font-
variant, font-stretch, font-size-adjust en font-style de standaardwaarde toegewezen.
h1 {
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
font-family: Arial;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}
Maar herschreven als één steno-eigenschap zou dezelfde regel er als volgt kunnen uitzien:
h1 { font: bold 16pt/18pt Arial }
Indien geschreven met behulp van de stenonotatie wordt aan weggelaten waarden automatisch de standaardwaarde
toegewezen. Daarom ontbreken in het vorige stenovoorbeeld de labels
font-variant, font-style, font-stretch
en
font-size-adjust.
Als u op meer dan één locatie stijlen hebt gedefinieerd (bijvoorbeeld zowel ingebed in een HTML-pagina als
geïmporteerd uit een externe stijlpagina) met behulp van zowel de korte als de lange vorm van de CSS-syntaxis, dient
u niet te vergeten dat weggelaten eigenschappen in een stenoregel eigenschappen die expliciet zijn bepaald in een
andere regel, kunnen onderdrukken (of vertrappen).
Dit is dan ook de reden dat Dreamweaver standaard de lange vorm van de CSS-notatie gebruikt. Dit voorkomt
mogelijke problemen die ontstaan wanneer een stenoregel een met de lange versie geschreven regel onderdrukt. Als u
een webpagina die is gecodeerd met steno-CSS-notatie opent in Dreamweaver, dient u niet te vergeten dat
Dreamweaver alle nieuwe CSS-regels maakt met behulp van de lange versie. U kunt opgeven hoe Dreamweaver CSS-
regels maakt en bewerkt, door de voorkeuren voor CSS-bewerkingen te wijzigen in de categorie CSS-stijlen van het
dialoogvenster Voorkeuren (Bewerken > Voorkeuren in Windows; Dreamweaver > Voorkeuren op de Macintosh).
Opmerking: Het deelvenster CSS-stijlen maakt regels met uitsluitend de lange notatie. Als u een pagina of CSS-stijlpagina
maakt met behulp van het deelvenster CSS-stijlen, dient u niet te vergeten dat het handmatig coderen van steno-CSS-
regels ertoe kan leiden dat steno-eigenschappen de in de lange versie gemaakte regels kunnen onderdrukken. Gebruik
daarom lange-versie CSS-notatie wanneer u stijlen maakt.