Operation Manual

DREAMWEAVER CS3
Handboek
118
Een afzonderlijke declaratie bestaat uit twee delen, de eigenschap (zoals font-family) en de waarde (zoals Helvetica). In
de vorige CSS-regel is een bepaalde stijl gemaakt voor de labels
h1:detekstvoorallelabelsh1 die gekoppeld is aan deze stijl,
heeft een grootte van 16 pixels, staat in het lettertype Helvetica en is vet.
De stijl (die afkomstig is van een regel, of een verzameling regels) is ondergebracht op een plaats die anders is dan de
feitelijke tekst die ermee wordt opgemaakt—doorgaans in een externe stijlpagina, of in de kopsectie van een HTML-
document. Op deze manier kan één regel voor de labels
h1 worden toegepast op vele labels tegelijk (en in het geval van
externe stijlpagina's kan de regel worden toegepast op vele labels tegelijk op veel verschillende pagina's). Daarom biedt CSS
een bijzonder eenvoudige manier van bijwerken. Wanneer u een CSS-regel op één plaats bijwerkt, wordt de opmaak van
alle elementen die de gedefinieerde stijl gebruiken, automatisch bijgewerkt naar de nieuwe stijl.
In Dreamweaver kunt u de volgende typen stijlen definiëren:
• Klassestijlen, waarmee u stijleigenschappen kunt toepassen op elk element of alle elementen op de pagina.
• Stijlen voor HTML-tags, waarmee de opmaak voor een bepaalde tag opnieuw definieert, zoals h1. Wanneer u een CSS-
stijl voor de tag
h1 maakt of wijzigt, wordt alle tekst die wordt opgemaakt met behulp van de tag h1, onmiddellijk
bijgewerkt.
• Geavanceerde stijlen, waarmee u de opmaak van een bepaalde combinatie van elementen opnieuw definieert, of zelfs van
andere vormen van kiezers zoals deze zijn toegestaan door CSS (bijvoorbeeld de kiezer
td h2 die wordt toegepast telkens
wanneer een kop
h2 binnen een cel in een tabel voorkomt.) Geavanceerde stijlen kunnen ook de opmaak opnieuw
definiëren van labels die een bepaald
id-kenmerk bevatten (bijvoorbeeld de stijlen die worden gedefinieerd met behulp
van
#mijnStijl, gelden voor alle labels die het kenmerk-waardepaar id="mijnStijl" bevatten).
CSS-regels kunnen zijn ondergebracht op de volgende locaties:
Externe CSS-stijlpagina's Verzamelingen CSS-regels die zijn of worden opgeslagen in een afzonderlijk, extern CSS-bestand
(.css - niet een HTML-bestand). Dit bestand wordt gekoppeld naar een of meer pagina's van een website met behulp van
een koppeling of een regel met @import in de kopsectie van een document.
Interne (of ingebedde) CSS-stijlpagina's Verzamelingen CSS-regels die zijn opgenomen in een tag style in de kopsectie
van een HTML-document.
Inline stijlen (stijlen binnen een regel) Gedefinieerd binnen specifieke vormen van tags door een HTML-document heen.
(Het gebruik van inline stijlen wordt afgeraden.)
Dreamweaver herkent stijlen die in bestaande documenten zijn gedefinieerd, zolang deze voldoen aan de richtlijnen voor
CSS-stijlen. Dreamweaver geeft de meeste toegepaste stijlen ook rechtstreeks weer in de ontwerpweergave. (Het gebruik van
de voorbeeldweergave in een browservenster biedt echter de meest accurate “live”-weergave van de pagina.) Bepaalde CSS-
stijlen worden anders weergegeven in Microsoft Internet Explorer, Netscape, Opera, Apple Safari of andere browsers,
terwijl weer andere stijlen momenteel door geen enkele browser worden ondersteund.
Voor het weergeven van de CSS-naslaggids van O'Reilly, die wordt meegeleverd bij Dreamweaver, selecteert u eerst Help >
Referentie en vervolgens O'Reilly CSS Reference in het pop-upmenu in het paneel Referentie.
Zie ook
“Klassestijlen toepassen, verwijderen of hernoemen” op pagina 132