Wat CSS Is en Waarom Het Belangrijk Is

HTML definieert de structuur en inhoud van een webpagina. CSS bepaalt hoe die inhoud wordt gepresenteerd.

Terwijl HTML elementen zoals koppen, paragrafen en afbeeldingen organiseert, bepaalt CSS hun uiterlijk, waaronder kleuren, afstand, lettertypen, uitlijning en lay-out.

Samen vormen HTML en CSS de basis van moderne webontwikkeling.

Wat is CSS?

Met CSS kun je:

• Tekst- en achtergrondkleuren wijzigen;
• Afstand tussen elementen aanpassen;
• Lettertypen en typografie beheren;
• Lay-outs creëren;
• Visuele effecten toevoegen.

CSS verandert de structuur van een document niet. Het bepaalt hoe die structuur eruitziet.

Basis CSS-syntaxis

Een CSS-regel bestaat uit een selector en een declaratieblok.
Voorbeeld:

p {
  color: purple;
  background-color: green;
}

Uitleg:

• p is de selector. Deze richt zich op alle <p>-elementen;
• color: purple; stelt de tekstkleur in;
• background-color: green; stelt de achtergrondkleur in.

Elke declaratie volgt dit formaat: property: value;

Je gaat selectors, eigenschappen en waarden in detail verkennen in de volgende hoofdstukken.