Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

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 **weergave**, waaronder kleuren, afstand, lettertypen, uitlijning en lay-out.

Samen vormen HTML en CSS de basis van moderne webontwikkeling.

CSS staat voor Cascading Style Sheets.
Het is een opmaaktaal die wordt gebruikt om te beschrijven hoe HTML-elementen in een browser moeten worden weergegeven.

Definitie

Met CSS kun je:
- Tekst- en achtergrondkleuren aanpassen;
- Afstand tussen elementen wijzigen;
- 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.<br>
Voorbeeld:
```css
p {
  color: purple;
  background-color: green;
}
```
Toelichting:
- `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, properties en values in detail verkennen in de komende hoofdstukken.

Beheers de basisprincipes van CSS, de opmaakt taal die het uiterlijk en de uitstraling van webpagina's transformeert. Verken kernconcepten zoals tekststijlen, kleuren, afstand, het boxmodel, Flexbox en decoratieve effecten. Ontwikkel vaardigheden om visueel aantrekkelijke en goed gestructureerde webpagina's te creëren.

Begrijpen hoe CSS wordt gekoppeld aan HTML en hoe stijlen worden toegepast via selectors.
Toepassen van kleuren, tekststijlen en hover-effecten om de visuele presentatie te beheersen.

Verbeter typografie met behulp van regelhoogte, afstand, lettertype-eigenschappen en aangepaste lettertypen. Beheer lettertypefamilies, gewicht, stijl en grootte voor betere leesbaarheid.

Beheer de lay-outstructuur met behulp van margin-, padding-, border- en width-eigenschappen. Inzicht in het gedrag van box-sizing en elementweergavetypen zoals block, inline en inline-block.

Beheer horizontale en verticale lay-outs met behulp van Flexbox-eigenschappen. Pas richting, uitlijning en afstand aan om UI-componenten te structureren.

Verbeter lay-outs met achtergrondkleuren, afbeeldingen, pseudo-elementen en schaduwen. Stijl visuele componenten voor diepte en contrast.

Wat CSS Is en Waarom Het Belangrijk Is

Wat is CSS?

Basis CSS-syntaxis