Week 2 — CSS-basis

Wat laat dit voorbeeld zien? Dezelfde inhoud als week 1, nu volledig opgemaakt via een los stylesheet (week2/css/style.css). Bekijk dat bestand om element-, class- en id-selectors te zien, plus een expliciete demonstratie van het box model.

Voorbeeld: dezelfde pagina, nu gestyled

Wouter van Hezel

Docent Software Development — Nova College

Over mij

Ik geef les in HTML en CSS aan eerstejaars studenten van de opleiding Software Developer.

Deze week is alle opmaak verplaatst naar een extern stylesheet — er staat geen style="..." meer ergens in deze HTML.

Hobby's

Programmeren
Fietsen
Schaken

Box model, zichtbaar gemaakt

Dit vakje heeft een duidelijke padding, border en margin:

content (de tekst zelf)

Bekijk css/style.css om te zien hoe deze drie eigenschappen samen het box model vormen.