Opmaak in een CSS-bestand bewaren

Een los CSS-bestand houdt de vormgeving buiten de inhoud. Meerdere HTML-pagina's kunnen hetzelfde bestand laden. Een verandering in dat gedeelde bestand kan dus op meer dan één pagina zichtbaar worden.

Maak bijvoorbeeld stijl.css naast je HTML-bestand. Plaats er een regel in die de tekstkleur van body bepaalt. Koppel het bestand vanuit de head van je document met een link-element. Controleer bij een ontbrekend effect eerst het bestandspad en de netwerkfouten in je browser. Een onjuist pad wordt niet hersteld doordat de CSS-regel zelf geldig is.

Voorbeeld

body { color: #18303a; }
/* In HTML: <link rel="stylesheet" href="stijl.css"> */

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: Met een selector elementen aanwijzen.