Operation Manual

Naar boven
tekengrootte voor alineatekst (dat wil zeggen, tekst die tussen<p>-labels in de HTML-code staat) definiëren. In Internet Explorer wordt
bijvoorbeeld alle standaardhoofdtekst, met inbegrip van alineatekst, standaard in Times New Roman, Normale grootte lettertype weergegeven.
Als de auteur van een webpagina kunt u echter een stijlpagina maken die de standaardstijl van de browser voor het alinealettertype en de
alineatekengrootte vervangt. U kunt bijvoorbeeld in uw stijlpagina de volgende regel maken:
Als een gebruiker de pagina laadt, worden de standaardinstellingen voor de alineatekst van de browser vervangen door het alinealettertype en de
tekengrootte die u als auteur hebt ingesteld.
Gebruikers kunnen selecties maken om de browserweergave optimaal aan te passen voor eigen gebruik. In Internet Explorer kunnen gebruikers
bijvoorbeeld Beeld > Tekengrootte > Extra groot selecteren om het paginalettertype uit te breiden naar een grootte die beter leesbaar is als ze
vinden dat het lettertype te klein is. Uiteindelijk (tenminste in dit geval) vervangt de selectie van de gebruiker zowel de standaardstijlen van de
browser voor de alineatekengrootte als de alineastijlen die door de auteur van de webpagina zijn gemaakt.
Overerving is een ander belangrijk deel van de getrapte versie. Eigenschappen voor de meeste elementen op een webpagina worden overgeërfd.
Alineatags erven bijvoorbeeld bepaalde eigenschappen van de body-tag over, span-tags voor een lijst met opsommingstekens erven bepaalde
eigenschappen van alineatags over, enzovoort. Bijvoorbeeld wanneer u in uw stijlpagina de volgende regel maakt:
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:
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.
Over tekstopmaak en CSS
Standaard gebruikt Dreamweaver CSS (Cascading Style Sheets) voor de opmaak van tekst. De stijlen die u toepast op de tekst met 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.
1
2
3
4
p {
font-family: Arial;
font-size: small;
}
1
2
3
4
body {
font-family: Arial;
font-style: italic;
}
1
2
3
4
5
6
7
8
body {
font-family: Arial;
font-style: italic;
}
p {
font-family: Courier;
font-style: normal;
}
252