Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

08a - CSS - boxing model

Het Box-model in CSS
1 / 11
next
Slide 1: Slide
ICTMiddelbare schoolPraktijkonderwijsMBOLeerjaar 2

This lesson contains 11 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Het Box-model in CSS

Slide 1 - Slide

This item has no instructions

Leerdoel
Aan het einde van de les kun je uitleggen wat het box-model is in CSS en hoe het werkt.

Slide 2 - Slide

This item has no instructions

Wat weet je al over het box-model in CSS?

Slide 3 - Mind map

This item has no instructions

Inleiding
Het box-model is een belangrijk concept in CSS. Het bepaalt hoe elementen op een webpagina worden weergegeven en hoe ze zich tot elkaar verhouden.

Slide 4 - Slide

This item has no instructions

Box-model onderdelen
Het box-model bestaat uit vier onderdelen: inhoud, padding, border en marging. Deze onderdelen vormen samen de 'box' van een element.

Slide 5 - Slide

This item has no instructions

Inhoud
De inhoud van een element verwijst naar de daadwerkelijke tekst, afbeeldingen, video's of andere content die binnen het element wordt weergegeven.

Slide 6 - Slide

This item has no instructions

Padding
Padding is de ruimte tussen de inhoud van een element en de rand ervan. Het wordt gebruikt om de afstand tussen de inhoud en de rand aan te passen.

Slide 7 - Slide

This item has no instructions

Border
De border van een element is de lijn die rondom de inhoud en padding van het element wordt getekend. Het definieert de rand van de box.

Slide 8 - Slide

This item has no instructions

Marging
De marging van een element is de ruimte rondom de buitenkant van de border. Het wordt gebruikt om de afstand tussen elementen te bepalen.

Slide 9 - Slide

This item has no instructions

Slide 8: Samenvatting
Het box-model is een essentieel concept in CSS dat bepaalt hoe elementen op een webpagina worden weergegeven. Het bestaat uit inhoud, padding, border en marge.

Slide 10 - Slide

This item has no instructions

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 11 - Open question

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.