Quelles sont les trois façons d’écrire des couleurs CSS ?

La façon d'écrire la couleur est la suivante : 1. Utilisez le nom de la couleur, la syntaxe "color:color name" ; 2. Utilisez le pourcentage, la syntaxe "color:rgb(pourcent, pourcentage, pourcentage)" ; valeur numérique, la syntaxe "color:rgb( Value, value, value)".

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, les valeurs de couleur peuvent utiliser des noms de couleur, des pourcentages, des nombres et des valeurs hexadécimales. Il existe quatre façons de les écrire.

1) Utiliser des noms de couleurs

Bien qu'il existe actuellement environ 184 couleurs nommées, elles sont vraiment prises en charge par divers navigateurs, et il n'y a que 16 noms de couleurs recommandés comme spécifications CSS

Il n'est pas recommandé de les utiliser sur pages Web Utilisez des noms de couleurs, en particulier à grande échelle, pour éviter que certains noms de couleurs ne soient pas analysés par les navigateurs ou que différents navigateurs n'interprètent les couleurs différemment.

2) Utiliser des pourcentages

C'est la méthode la plus courante, par exemple :

color: rgb(100%, 100%, 100%);

Cette instruction définit les trois couleurs primaires du rouge, du bleu et du vert à leurs valeurs maximales, et la combinaison résultante est affichée en blanc. Au lieu de cela, vous pouvez définir rgb(0%, 0%, 0%) sur noir. Si les trois valeurs de pourcentage sont égales, le gris sera affiché. De même, la valeur de pourcentage la plus élevée favorisera quelle couleur primaire.

3) Utilisez des valeurs numériques

La plage de nombres est de 0 à 255, par exemple :

color: rgb(255, 255, 255);

L'instruction ci-dessus affichera du blanc. Au contraire, elle peut être définie sur rgb(0, 0, 0). , qui affichera du noir. Si les trois valeurs sont égales, l'affichage sera gris De la même manière, quelle que soit la valeur la plus grande, elle aura une plus grande proportion de couleur primaire.

Informations détaillées :

4) Couleur hexadécimale

Il s'agit de la méthode de sélection de couleur la plus couramment utilisée, par exemple :

color: #ffffff;

Dans laquelle vous devez ajouter un symbole de couleur # devant l'hexadécimal. L'instruction ci-dessus affichera du blanc. Au contraire, vous pouvez définir #000000 sur noir, décrit par RVB :

color: #RRGGBB;

de 0 à 255, en fait, 255 en décimal est exactement égal à FF en hexadécimal, une couleur hexadécimale. est égal à 3 groupes de ces valeurs hexadécimales, qui sont égales aux trois couleurs primaires rouge, bleu et vert lorsqu'elles sont connectées dans l'ordre.

Apprentissage recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!