Operation Manual

130
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
body {
font-family: Arial;
font-style: italic;
}
Alle alineatekst op uw webpagina (en tekst die eigenschappen overerft van het alinealabel) zal Arial en cursief zijn,
omdat het alinealabel deze eigenschappen van het body-label overerft. U kunt echter specifieker worden met uw regels
en stijlen maken die de standaardformule voor overerving vervangen. Bijvoorbeeld wanneer u in uw stijlpagina de
volgende regel maakt:
body {
font-family: Arial;
font-style: italic;
}
p {
font-family: Courier;
font-style: normal;
}
Alle standaardhoofdtekst zal Arial en cursief zijn, behalve (overgeërfde) alineatekst, die zal worden weergegeven als
Courier normal (niet-cursief). Technisch gezien erft het alinealabel eerst de eigenschappen over die zijn ingesteld voor
het body-label, maar negeert het vervolgens die eigenschappen omdat het zelf haar eigen gedefinieerde eigenschappen
heeft. Omdat pagina-elementen in het algemeen eigenschappen overerven van erboven, veroorzaakt de rechtstreekse
toepassing van een eigenschap op een label met andere woorden altijd een vervanging van de standaardformule voor
overerving.
De combinatie van alle factoren die hierboven werden besproken en andere factoren zoals CSS-specificiteit (een
systeem dat een verschillend belang geeft aan bepaalde CSS-regels) en de volgorde van CSS-regels, maken uiteindelijk
een complexe getrapte versie waarin items met hogere prioriteiten eigenschappen die lagere prioriteiten hebben
vervangen. Voor meer informatie over de regels die de getrapte versie, overerving en specificiteit bepalen, gaat u naar
www.w3.org/TR/CSS2/cascade.html.
Informatie over tekstopmaak en CSS
Standaard gebruikt Dreamweaver Cascading Style Sheets (CSS) voor de opmaak van tekst. De stijlen die u toepast op
de tekst met behulp van de eigenschappencontrole of menuopdrachten, maken CSS-regels die worden ingebed in de
kop van het huidige document.
U kunt ook het deelvenster CSS-stijlen gebruiken om CSS-regels en -eigenschappen te maken en te bewerken. Het
deelvenster CSS-stijlen is een veel robuustere editor dan de eigenschappencontrole en geeft alle voor het huidige
document gemaakte CSS-regels weer, ongeacht of deze regels zijn ingebed in de kop van het document of in een
externe stijlpagina. Adobe beveelt aan dat u het deelvenster CSS-stijlen (en niet de eigenschappencontrole) als
belangrijkste hulpmiddel gebruikt voor het maken en bewerken van uw CSS. Hierdoor wordt uw code schoner en
onderhoudsvriendelijker.
Naast door u gemaakte stijlen en stijlpagina's kunt u ook stijlpagina's gebruiken die zijn meegeleverd bij Dreamweaver,
om stijlen toe te passen op uw documenten.
Ga naar www.adobe.com/go/vid0153_nl voor een zelfstudie over het opmaken van tekst met behulp van CSS.
Meer Help-onderwerpen
Tekst toevoegen en opmaken” op pagina 225
Deelvenster CSS-stijlen” op pagina 132