Couleurs

Le but du CSS étant de mettre en forme une page HTML, il est possible de colorer des éléments d’une page HTML.

En CSS, colorer un élément peut se faire de 2 manières différentes : En spécifiant directement le nom de la couleur en anglais. Par exemple : red, blue, orange, green, etc. En utilisant des valeurs RGB et HEX.

Dans un premier temps, ce cours détaillera comment colorer certains éléments d’une page HTML en spécifiant directement le nom de la couleur. Dans une seconde partie, ce cours détaillera l’utilisation des valeurs RGB et HEX .

La couleur de fond

Le langage CSS permet de changer la couleur de fond des éléments HTML. Pour réaliser cela, la propriété background-color est utilisée.

Cette propriété s’utilise de la manière suivante :

selecteur {
    background-color : valeur (nom de la couleur);
}

Exemple :

p {
    background-color : red;
}

Le code CSS de l’exemple permet de rendre l’arrière-plan d’un paragraphe rouge.

La couleur du texte

Le CSS permet également de colorer le texte d’une page HTML. Pour ce faire, le CSS utilise une propriété toute prête : color.

Cette propriété s’utilise exactement de la même manière que background-color.

Exemple :

p {
    color : blue
}

Les valeurs RGB, HEX et HSL