Trapsgewijze stijlbladen (CSS) is een taal die wordt gebruikt voor het opmaken van webpagina's die HTML-elementen bevatten, en definieert hoe elementen op webpagina's worden weergegeven, inclusief lay-out, kleuren, lettertypen en andere eigenschappen van de elementen op een webpagina. CSS werkt door HTML-elementen te targeten en stijlregels toe te passen om te definiëren hoe ze moeten worden weergegeven, inclusief eigenschappen zoals kleur, grootte, lay-out en positionering.

Er zijn drie soorten CSS die hieronder worden gegeven:

Inhoudsopgave

• Inline-CSS
• Interne of ingebedde CSS
• Externe CSS

Inline-CSS:

Inline-CSS is een methode om styling rechtstreeks toe te passen op individuele HTML-elementen met behulp van het style-attribuut in de HTML-tag, waardoor specifieke styling van individuele elementen binnen het HTML-document mogelijk wordt gemaakt, waarbij externe of interne stijlen worden overschreven.

Inline CSS-voorbeeld:

Dit voorbeeld toont het gebruik van inline CSS met behulp van een HTML-document.

html

>

>

Uitgang:

Inline CSS voorbeeld uitleg:

In het bovenstaande voorbeeld volgen we deze stappen

• Hier gebruiken we Inline CSS rechtstreeks op het alinea-element.
• Verandert de kleur naar groen, de lettergrootte naar 50px, de stijl naar cursief en de uitlijning naar het midden.
• Styling overschrijft externe en interne CSS.

Interne of ingebedde CSS:

Interne of ingebedde CSS wordt gedefinieerd binnen het element van het HTML-document. Het past stijlen toe op gespecificeerde HTML-elementen. De CSS-regelset moet zich in het HTML-bestand in de head-sectie bevinden, dat wil zeggen dat de CSS is ingebed in de tag in de head-sectie van het HTML-bestand.

Intern of ingebed CSS-voorbeeld:

Dit voorbeeld toont het gebruik van interne CSS met behulp van een HTML-document.

html