Met css heb je veel verschillende mogelijkheden om je web pagina op te maken. Hierbij zijn er een aantal css properties die je vaker op een element toepast zoals: float(left), position(absolute), display(none), margin, enzovoortz..

Ik zorg er voor dat er een vaste benoeming van deze classes worden gegeven en dat ik ze bij iedere project kan kopieren en plakken en dat scheelt natuurlijk tijd.

Dit zijn aantal standaard classes die ik gebruik.

/*
* algemene settings style
*/
.clearBoth { clear: both; }
.hideItem { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.posAbsolute { position: absolute; }
.posRelative { position: relative; }
.marginRight { margin-right: 15px; }
.marginLeft { margin-left: 15px; }
.marginTop { margin-top: 15px; }
.marginBottom { margin-bottom: 15px; }
.upperCase { text-transform: uppercase; }

Dus voortaan als je een div heb die allemaal het zelfe left-margin of float left moeten hebben geef je gewoon:

<div id=”content” class=”floatLeft marginBottom”></div>