font-size

Pour définir la taille d'un texte il faut utiliser la propriété font-size. Vous pouvez indiquer la taille en pixels, mais certaine webmasters préfèrent d'utiliser une taille relative comme les "em", car cette unité s'adapte à la configuration du navigateur du visiteur au contraire de l'unité 'px'.

Vous pouvez également définir la taille en pourcentage. Dans ce cas la taille sera redéfinis de x% par rapporte à la taille par défaut du navigateur.

Il faut aussi noter que pour l'unité 'em' et les %, les valeurs sont soumis à la notion d'héritage :

p, span {font-size : 3em;}

<p>Un texte<span>de plus en plus gros</span></p>

La balise <p> aura donc une valeur de 3em alors que la balise span, qui est "l'enfant" du paragraphe, recevra comme valeur 9em, car elle est multiplié par la taille du parent, donc 3x3 = 9em.

C'est à vous de voir quel solution vous convient le mieux, sachant que l'unité la plus utilisé reste le pixels à cause de sa taille fixe, donc non soumis à l'héritage.

D'autres valeurs peuvent être utilisé, classé ici dans l'ordre de grandeur (de la plus petite à la plus grande) :
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large

La taille de ces valeurs sera donc soumis à la configuration du navigateur.

Il existe aussi trois autres valeurs qui ont pour but de donner une taille par rapport à celle de l'élément parent :
- smaller : plus petit que le parent.
- larger : plus grand que le parent.
- inherit : même taille que le parent.
(notons que inherit ne fonctionne pas sur plusieurs version d'Internet Explorer)