Operation Manual

128
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
h1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight:bold;
}
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: de tekst voor alle labels h1 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:
Klassenstijlen, 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.
hoofd.html
Externe stijlpagina
evenementen.html
H1 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
}
Waar kunnen we
overnachten
Lentefestival
Wat is er te doen