FAQ CSS : Couleur et police d'un texte

Page d'introduction

Explication

Vous pouvez en feuille de style css spécifier la police (font) d'une portion de texte. Pour cela vous devez utiliser la feuille de style css font qui permet de spécifier plusieurs autres propriétés comme la taille et la couleur.
Exemple de code :
font:oblique 14px Arial, Helvetica, sans-serif;
Mais vous pouvez aussi spécifier que le type de la police (font) seulement en utilisant la feuille de style css font-family
Exemple de code :
font-family:Times New Roman, Times, serif;


Définir une taille de police

Explication

Vous pouvez en feuille de style css spécifier la taille de la police (font) d'une portion de texte. Pour cela vous pouvez utiliser la feuille de style css font qui permet de spécifier en une seule fois plusieurs autres propriétés comme le type de police et la couleur.
Exemple de code :
font:oblique 14px Arial, Helvetica, sans-serif;
Mais vous pouvez aussi spécifier que la taille de la police (font) seulement en utilisant la feuille de style css font-size
Exemple de code :
font-size:12px;

La taille d'une police peut s'exprimer en plusieurs unités.
- mm, millimètres.
- cm, centimètre.
- px, pixel.
- pt, point.
- %, pourcentage.
- em.
Personnellement, j'utilise en général px, cependant cela est déconseillé pour l'accessibilité, il vaut mieux utiliser %, pt ou em.
Il faut savoir que em et % sont des tailles relatives.
Elles sont proportionnelles à la police par défaut du navigateur ou de la taille de police héritée du parent.
Alors que le px, cm, mm sont des tailles fixes.

Liens :
Copie d'écran de divers navigateurs

Définir une couleur texte

Explication

Vous pouvez en feuille de style css spécifier la couleur d'une portion de texte. Pour cela vous devez utiliser la feuille de style css color qui permet de spécifier la couleur de la portion de texte.
Exemple de code :
color:red;




La propriété de feuille de style FONT-FAMILY css permet de spécifier la police (fonte) du texte.font-family : Times New Roman, Times, serif; La propri...[Voir]La propriété de feuille de style css FONT permet de spécifier le style : taille, épaisseur et la police (font),...font : 14px Arial, Helvetica, sans-s...[Voir]La propriété de feuille de style css FONT-SIZE permet de spécifier la taille de la fonte ou police.font-size:XX-small; font-size:15px; La propriété fe...[Voir]La propriété de feuille de style COLOR css permet de spécifier la couleur d'un texte..identifiant{ color:#ffffff; } La propriété de feuille de style...[Voir]