Transcript
Alle elementen zijn boxes. Als je witruimte in die boxed wilt maken dan gebruik je het box model. Het box model bestaat uit 4 elementen. Content, padding, border, margin. Laten we eens kijken hoe die werken.
Ik heb hier een heading en ik wil daar volgens onze CMD huisstijl een witte achtergrond achter zetten en een zwarte border. Nu heb ik nog een heading als ik die eronder zet komen ze tegen elkaar aan. Met margin kan ik aanpassen hoeveel witruimte er tussen zit.
Met margin kan ik bijvoorbeeld alleen de bottom doen, of alleen top. Ik kan ook wat we noemen de shorthand gebruiken. Die gaat als een klok dus boven, rechts, onder, en links.
We hebben al eens eerder gekeken naar de devtools. Het box model kan je daar heel goed in zit. Als ik dit element inspecteer kan je heel goed een weergave zien van dat box model.