Font-Size

[absolute]

Er zijn zeven absolute waardes in CSS, dat betekent niet dat ze altijd een standaard grote hebben want dat verschilt per browser maar ze staan gelijk aan een grote die je ook in HTML kan aangeven. xx-small, x-small, small, medium, large, x-large en xx-large.

Het is echter af te raden om deze waardes te gebruiken omdat ze per browser verschillen, het is het best om de waarde aan te geven in pixels.

[relative]

Er zijn twee relative waardes die je kan aangeven in CSS, larger en smaller. Je kan deze waardes enkel gebruiken wanneer er in het boveligende element een [absolute] waarde is gebruikt bij font-size.

Voorbeeld, in de body { } staat font-size: medium; en dan kan je bij een div zeggen #div{ } font-size: smaller;.

[lengte]

Het beste is om een lengte te gebruiken en dan in pixels, dit omdat de grote dan in iedere browser exact hetzelfde is. Bij gebruik van bijvoorbeeld "em" of "pt" verschilt het per browser, bij pixels niet.

precentage

Met een precentage werkt het hetzelfde als bij [relative] alleen maakt het nu niet uit welke waarde het bovenliggende element heeft.

inherit

De waarde van het boven liggende element wordt aangehouden.