Een trapsgewijs opmaakmodel maken of wijzigen.

Belangrijk: Dit artikel is automatisch vertaald, bekijk de disclaimer. De Engelse versie van dit artikel vindt u hier voor referentiedoeleinden.

Met trapsgewijze opmaakmodellen (CSS) kunt u bepalen hoe uw webpagina's worden gepresenteerd. Met CSS kunt u de positie en het uiterlijk van elementen op een webpagina nauwkeurig instellen .

Een CSS kan relatief tot een webpagina extern zijn, intern of inline, en een webpagina kan gelijktijdig gebruikmaken van een of meer van deze typen CSS. Opmaakprofielen die zijn gedefinieerd in een inline CSS hebben gewoonlijk voorrang boven die in een interne of externe CSS, en opmaakprofielen in een interne CSS hebben voorrang boven die in een externe CSS.

Wat wilt u doen?

Een externe CSS maken

Een interne CSS maken

Een inline CSS maken

Een externe CSS maken

Gebruik een extern opmaakmodel als u dezelfde opmaakprofielen consistent wilt toepassen op enkele of alle webpagina's van uw site. Door opmaakprofielen te definiëren in een of meer externe opmaakmodellen en deze aan webpagina's te koppelen, kunt u ervoor zorgen dat de uw hele site een consistent uiterlijk heeft. Als u het opmaakprofiel wilt wijzigen, hoeft u de wijziging slechts eenmaal in te voeren in het externe CSS. De wijzigingen worden dan automatisch weergegeven op alle webpagina's met verwijzingen naar dat opmaakprofiel en opmaakmodel.

Een externe CSS is ingesloten in een .css-bestand, zoals core.css. De syntaxis van een externe CSS is hetzelfde als voor een interne CSS, behalve dat de opmaakprofielen die in een externe CSS worden gedefinieerd, niet worden omgeven door de codes <style>.

Een lege externe CSS maken

  • Wijs de opdracht Nieuw aan in het menu Bestand en klik vervolgens op CSS.

    Tip: U kunt ook klikken op de pijl-omlaag op het Nieuwe Document knop   op de werkbalken algemene of standaard en klik vervolgens op CSS.

Een nieuw opmaakprofiel en externe CSS maken in één stap

  1. Klik in het menu Opmaak op Nieuw opmaakprofiel.

    Tip: U kunt ook op Nieuw opmaakprofiel klikken in het taakvenster Opmaakprofielen toepassen of Opmaakprofielen beheren, of op de werkbalk Opmaakprofiel.

  2. Klik in het dialoogvenster Nieuw opmaakprofiel in het vak Definiëren in op Nieuw opmaakmodel.

Naar boven

Een interne CSS maken

Gebruik een interne CSS, ook wel een ingesloten CSS genoemd, als u opmaakprofielen wilt definiëren voor alleen de huidige webpagina of wanneer u de opmaakprofielen wilt vervangen die zijn gedefinieerd in een externe CSS dieaan de huidige webpagina is gekoppeld.

Een interne CSS is ingesloten tussen de codes <head> van een webpagina.

Voorbeeld van een intern opmaakmodel

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Een interne CSS maken

  1. Open de webpagina waarop u de CSS wilt toepassen.

  2. Klik in het menu Opmaak op Nieuw opmaakprofiel.

    Tip: U kunt ook op Nieuw opmaakprofiel klikken in het taakvenster Opmaakprofielen toepassen of Opmaakprofielen beheren, of op de werkbalk Opmaakprofiel.

  3. Selecteer in het dialoogvenster Nieuw opmaakprofiel in het vak Definiëren in de optie Huidige pagina.

Naar boven

Een inline CSS maken

Gebruik een inline opmaakprofiel om CSS-eigenschappen toe te passen op afzonderlijke elementen op een pagina wanneer u het opmaakprofiel niet opnieuw hoeft te gebruiken. Een inline opmaakprofiel wordt gedefinieerd in de begincode van een HTML-element op de webpagina.

Zie het artikel voor meer informatie over het maken van een stijl maken en een stijl toepassen.

Voorbeeld van een inline opmaakmodel

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Naar boven

Opmerking: Disclaimer voor automatische vertaling: Dit artikel is vertaald door een computersysteem zonder menselijke tussenkomst. Microsoft biedt deze automatische vertalingen aan om niet-Engels sprekende gebruikers te helpen de inhoud over producten, services en technologieën van Microsoft te raadplegen. Omdat het artikel automatisch is vertaald, bevat het mogelijk fouten in grammatica, woordenschat en syntaxis.

Uw vaardigheden uitbreiden
Training verkennen
Als eerste nieuwe functies krijgen
Deelnemen aan Office Insiders

Was deze informatie nuttig?

Bedankt voor uw feedback.

Hartelijk dank voor uw feedback! Het lijkt ons een goed idee om u in contact te brengen met een van onze Office-ondersteuningsagents.

×