Hoe gebruik je CSS met HTML?

CSS, dat staat voor Cascading Style Sheets, kan op verschillende manieren met HTML worden gebruikt om een webpagina te stylen. De drie meest voorkomende methoden zijn:

1. Inline CSS: Dit wordt rechtstreeks in de HTML-elementen opgenomen via het “style”-attribuut.

Voorbeeld: \`\`\`html

Dit is een rood paragraaf.

\`\`\`

1. Interne CSS: Dit wordt binnen de koptag van het HTML-document geplaatst, meestal in een “style”-element.

Voorbeeld: \`\`\`html

Dit is een rood paragraaf.

\`\`\`

1. Externe CSS: De stijlen worden in een extern .css bestand geplaatst en dan gelinkt aan het HTML-bestand via de “link”-tag in de head van de HTML.

Voorbeeld: In je HTML-bestand: \`\`\`html

Dit is een rood paragraaf.

\`\`\` In je CSS-bestand (styles.css): \`\`\`css p { color: red; } \`\`\`

Het gebruik van externe CSS wordt over het algemeen als de beste praktijk beschouwd, omdat dit het gemakkelijk maakt om stijlen consistent te houden over meerdere pagina’s en het ook eenvoudiger maakt om stijlen te wijzigen zonder het HTML-bestand te hoeven wijzigen.