Operation Manual

Naar boven
Naar boven
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:
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.
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.
Ga naar www.adobe.com/go/vid0153 voor een zelfstudie over het opmaken van tekst met CSS.
Over steno-CSS-eigenschappen
De CSS-specificatie staat toe dat u stijlen maakt met een verkorte syntaxis die steno-CSS wordt genoemd. Met steno-CSS kunt u de waarden van
verschillende eigenschappen opgeven met éé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 als de regel wordt herschreven als één steno-eigenschap, kan deze er als volgt uitzien:
h1 { font: bold 16pt/18pt Arial }
Als weggelaten waarden zijn geschreven met de stenonotatie, wordt automatisch de standaardwaarde hieraan 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
285