Hello à tous !
Voici une petite astuce rapide pour gérer facilement vos tailles de polices dans votre feuille de style CSS.

Plutôt que d’utiliser les unités em, pt ou bien px sur toute la feuille, vous allez spécifier une taille générale pour votre balise body, puis utiliser les pourcentages pour le reste de vos classes.

Exemple :

body {
font-family:Verdana, Arial, Helvetica, sans-serif; /* Familles de police */
font-size:12px; /* Taille générale de la police */
}

h1 { /* Titre H1 */
font-size:130%;
}
.petit { /* Une classe spécifiant une petite police */
font-size:85%;
}

En procédant ainsi, chaque élément enfant va adapter sa taille de police en fonction de l’élément parent qu’est la balise body.

Imaginons qu’un jour vous ayez envie de grossir la typo de votre site.
Ce sera très simple puisque vous n’aurez qu’à spécifier une taille de police plus grande à votre balise body, le reste des tailles spécifiées dans vos classes vont suivre.

C’est moins fastidieux que de devoir modifier chaque classe où l’on aurait spécifié des tailles en px ou em.

Voili voilou…
Des questions ? Des remarques ?