Wat is CSS?

CSS staat voor Cascading Style Sheets. Het bepaalt de opmaak en vormgeving van een website. Waar HTML de structuur en inhoud regelt (koppen, tekst, afbeeldingen), gebruik je CSS om te bepalen hoe het eruitziet (kleuren, lettertypes, afstanden).

Stappenplan:

Maak een apart bestand style.css.
Koppel het aan je HTML met een link in de <head>:

<link rel="stylesheet" href="css/style.css">

Schrijf in je CSS welke elementen je wilt opmaken met selectors.
Geef elk element een eigenschap en een waarde.

Voorbeeld:

HTML:

<p class="belangrijk">Dit is een paragraaf.</p>

CSS:

.belangrijk {
  color: red;
  font-size: 18px;
}

De paragraaf wordt rood en krijgt grotere letters.

Veelgemaakte fouten

CSS in het verkeerde bestand zetten → koppel altijd via <link>.
Geen aparte map gebruiken → zet CSS meestal in een map css/.
Styling in HTML zelf schrijven (style="...") → houd HTML en CSS liever gescheiden.