Comment utiliser CSS pour changer la couleur de la police

Vous cherchez à embellir votre site Web avec des couleurs de police différentes? Vous pouvez le faire en utilisant CSS. CSS signifie Cascading Style Sheets et est le langage par défaut utilisé pour créer et gérer le style de tout site Web.

Il existe trois méthodes pour appliquer CSS à un document HTML. Il s'agit du CSS en ligne, du CSS interne/intégré et du CSS externe.

Première méthode: CSS en ligne

Pour changer la couleur de la police dans CSS, vous devez créer une règle CSS pour définir le valeur de la propriété color.

La méthode en ligne utilise la propriété de style que vous pouvez appliquer à presque n'importe quel élément. Voici un exemple qui définit la couleur de police d'un paragraphe HTML sur rouge :

Paragraphe de texte

Vous pouvez obtenir le même effet en utilisant le CSS interne/intégré ou le CSS externe.

Deuxième méthode: CSS interne/intégré

Vous pouvez utiliser cette méthode lorsque vous souhaitez créer des règles CSS qui affectent plusieurs instances d'un élément HTML, mais uniquement sur une seule page. Les règles CSS sont ensuite écrites dans l'en-tête de la page HTML, à l'aide d'un élément de style :

Troisième méthode: CSS externe

La troisième façon d'obtenir le même effet consiste à utiliser une feuille de style CSS externe. A l'aide d'un éditeur de texte, créez un fichier avec l'extension ".css". La pratique courante consiste à appeler ce fichier quelque chose comme feuille de style.css mais vous pouvez lui donner n'importe quel nom tant que vous conservez l'extension ".css".

Pour colorer votre corps de texte en vert, par exemple, en utilisant une feuille de style externe, collez simplement la règle CSS comme ceci :

p {couleur: bleu}

Dans votre document HTML, vous devez inclure un lien vers votre feuille de style dans l'élément d'en-tête HTML :

Paragraphe de texte

Changer la couleur de la police en HTML, sans CSS appliqué

La meilleure pratique consiste à utiliser CSS, mais voici comment changer la couleur de la police en utilisant uniquement HTML :

Paragraphe de texte

L'élément de police, ainsi que son attribut de couleur, est obsolète. En effet, ce sont des éléments de présentation plutôt que des éléments structurels. Le HTML moderne ne devrait être composé que d'éléments structurels.

Changer la couleur de la police dans CSS est relativement simple

Nous vous avons montré trois méthodes pour changer la couleur de la police en CSS. Nous vous avons également montré comment procéder à l'ancienne en utilisant la balise de police HTML. Essayez-les et voyez ce qui vous convient le mieux !

Une fois que vous avez maîtrisé la modification de la couleur de la police à l'aide de CSS et HTML, vous souhaiterez peut-être maîtriser la modification de la taille de la police en HTML.

Comment changer la taille de la police HTML dans CSS

Lire la suite

A propos de l'auteur