Bij het bouwen van websites gebruik ik in CSS altijd de reset code. Andere nuttige CSS classes zijn bijvoorbeeld float of clear.

Ik ga jullie kort uitleggen waarom ik ze gebruik en wat ze doen.

01. clear: both

.clear { clear: both; }

Dit verschoont de horizontale regel van je html pagina. Soms komt het wel eens voor dat de divjes op elkaar gaan zitten en rare overlappingen maken. Om de regel te verschonen maak je een class (clear) aan. Dit kan ook onder <br/> worden toegepast.

afbeelding: div gebruik zonder clear (met float)

afbeelding: met .clear div

02.float: left

.float { float: left; }

Float zorgt ervoor dat een object naar links zweeft. Hierbij denk je onder andere bij 2 kolommen layout. Veel mensen weten niet hoe je 2 of 3 kolommen naast elkaar kan zetten met div dus gaan ze maar tabellen aanmaken.

afbeelding: div gebruik met float (naast elkaar)

afbeelding: div gebruik zonder float

Daarnaast zijn er nog een paar handige classes die je soms wel nodig zal hebben.

.absolute { position: absolute; }
.relative { position: relative; }

Uiteindelijk is het aan jou om zelf te gaan experimenteren.