terug naar lessenoverzicht
Structureren content
Een website bestaat eigenlijk uit allemaal blokken in blokken. Deze blokken ‘boxes’ bestaan vervolgens zelf uit content, padding, border en een margin
Download de PDF onder het tabblad download en bekijk de video.
Padding, border, margin
Een element (box) kan een padding hebben, dit is de ruimte om de content. Vervolgens kan om de padding een rand zitten dit noemen we de border. Buiten deze rand kunnen we ruimte creëren tussen het element en andere elementen dit doen we met een margin.
Volg de video en bekijk de PDF voor meer informatie.
CSS display
Wordt een element getoond op de huidige regel of krijgt het een nieuwe regel? Krijgt het dan de volledige regel, of alleen de ruimte die het element nodig heeft?
Volg de video en bekijk de PDF voor meer informatie.
CSS position
De property position regelt de positionering van een element. De default waarde is static en worden niet beïnvloed door de properties top, bottom, left en right. De andere waarden zijn: relative, absolute, fixed en sticky.
Volg de video en bekijk de PDF voor meer informatie.
Afronden code
In deze laatste video maken we de code af en passen we de geleerde theorie toe.
Vind jij programmeren leuk en wil jij een baan in de IT?
Bekijk dan de traineeships van ons ander bedrijf Qien!
*Er zijn geen links bij deze video reeks.
Project files
Project files
* De link hierboven download een bestand via dropbox dit kan een zip of rar bestand zijn. Weet je niet hoe je dit type bestand kan gebruiken? Volg deze instructie voor zip bestanden. Of download WinRar voor rar bestanden.
* Er zijn geen project files om te downloaden voor deze zelfstudie.
Stel vragen en help medestudenten
Tijdens de live lessen zijn er opdrachten waarbij je zult samenwerken met jouw studiegenoten. Hiervoor gebruiken wij Discord. Daarnaast kun je ook jouw vragen stellen, de docenten zullen je vervolgens verder helpen.
Het kanaal voor deze cursus op onze Discord:
HTML CSS beginner
#code-cafe
200+ leden