CSS Position Tutorial | Leer CSS van A tot Z

Vandaag begin ik met een serie waarin ik CSS uitleg, van beginner tot gevorderd.

In deze video behandel ik alle positioneigenschappen in CSS: static, relative, absolute, fixed en sticky.

Leer hoe je elementen als een pro positioneert!

Snelle notities:

▪ Position static: Is de standaardpositie voor HTML-elementen, heeft geen effect.

▪ Position relative: Behoudt zijn oorspronkelijke positie, maar kan daar vanaf verschoven worden.

▪ Position absolute: Wordt standaard gerelateerd aan het dichtstbijzijnde overkoepelende element (meestal het <body>-tag). Als je bij een ouder-element position: relative definieert, wordt het in die context geplaatst.

▪ Position fixed: Haalt het element uit de documentstroom en fixeert het op het scherm (viewport).

▪ Position sticky: Schakelt tussen static en fixed wanneer een bepaalde scrollpositie wordt bereikt.

Kijk ook naar: "Zou jij software-ontwikkelaar willen worden?"