La propriété CSS qui permet de changer la taille du texte est la propriété font-size. La taille du texte se mesure en pixel mais vous pouvez très bien la mesurer en cm ou en millimétre.
|
p { font-size: 14px; /* paragraphe de 14 pixels } h3 { font-size: 30px; /* taille du titre en h3 de 30 pixels } |
Vous pouvez aussi utiliser les tailles de manière relative. Voici un exemple de taille qui s'adapte automatiquement à la taille de la police dans votre navigateur :
|
.liliputien { font-size: xx-small; } .trespetit { font-size: x-small; } .petit { font-size: small; } .moyen { font-size: medium; } .grand { font-size: large; } .tresgrand { font-size: x-large; } .gigantesque { font-size: xx-large; } |
REMARQUE : Je vous conseille plutôt d'utiliser cette méthode plutôt que les pixels. Votre site s'adaptera automatiquement au configuration de l'ordinateur.
Sachez qu'il existe aussi d'autre moyen pour donner une taille à votre texte. La méthode EM et la méthode des pourcentage qui sont aussi facile d'utilisation :