Operation Manual
Externe CSS-stijlpagina's
Interne (of ingesloten) CSS-stijlpagina's
Inline stijlen (stijlen binnen een regel)
Naar boven
In Dreamweaver kunt u de volgende typen stijlen definiëren in:
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 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 #mijnStijl, gelden voor alle labels die het kenmerk-waardepaar
id="mijnStijl" bevatten).
CSS-regels kunnen zijn ondergebracht op de volgende locaties:
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 een koppeling of een regel met @import in de
kopsectie van een document.
Verzamelingen CSS-regels die zijn opgenomen in een tag style in de kopsectie van een HTML-
document.
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.
Als u de CSS-naslaggids van O'Reilly, die wordt meegeleverd bij Dreamweaver, wilt weergeven, selecteert u eerst Help > Referentie en
vervolgens O'Reilly CSS Reference in het pop-upmenu in het deelvenster Referentie.
Over CSS-stijlen
De term naast elkaar verwijst naar de manier waarop een browser uiteindelijk stijlen voor specifieke elementen op een webpagina weergeeft. Drie
verschillende bronnen zijn verantwoordelijk voor de stijlen die u op een webpagina ziet: de stijlpagina die is gemaakt door de auteur van de
pagina, de (eventuele) aangepaste stijlselecties van de gebruiker en de standaard stijl van de browser zelf. In de voorgaande onderwerpen wordt
het maken van stijlen voor een webpagina beschreven als de auteur van zowel de webpagina als de stijlpagina die aan die pagina is gekoppeld.
Maar browsers hebben ook hun eigen standaard stijlpagina's die de weergave van webpagina's opleggen en gebruikers kunnen ook hun browsers
aanpassen door selecties te maken waarmee de weergave van webpagina's wordt aangepast. De uiteindelijke weergave van een webpagina is
het resultaat van het samenkomen (of “trapsgewijs weergeven") van de regels van deze drie bronnen om de webpagina optimaal weer te geven.
Een veelgebruikt label—het alinealabel, of <p>-label—illustreert het concept. Browsers hebben standaard stijlpagina's die het lettertype en de
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:
p { font-family: Arial; font-size: small; }
Als een gebruiker de pagina laadt, worden de standaardinstelllingen 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
284