Boxmodel

Zoals je inmiddels weet kun je met behulp van een div element een lege box maken in HTML welke je vervolgens “vult” met afbeeldingen, tekst, video etc om zo je ontwerp op te zetten. Meestal maak je div’s in div’s om een nette en logische structuur van je website op te zetten. Met behulp van je CSS document stijl je dit vervolgens. Echter, wat altijd veel werk oplevert is het afstemmen van witruimtes rondom je div’s waarbij het belangrijk is dat het ontwerp er goed uit blijft zien en niet dat div’s ineens onder elkaar komen te staan in plaats van naast elkaar. Om hier goed je weg in te kunnen vinden zul je het een en ander moeten weten over het boxmodel.

In aansluiting hier op kun je het een en ander lezen over wireframes (je beeldscherm indeling).

 

Video’tje kijken?


Of bekijk een video van w3schools:

 

POLS lesmateriaal

Onder POLS > HTM22 > 02_CSS.pdf vind je uitleg over het boxmodel.

 

Links

http://alistapart.com/article/outsidethegrid