Réimprimé de : Weidian Reading https://www.weidianyuedu.com
Cet article présente principalement la méthode de définition de la couleur de la police de texte CSS (couleur CSS), à laquelle les amis dans le besoin peuvent s'y référer.
1. Comprendre la couleur CSS (couleur CSS)
Ce que nous souhaitons présenter ici, c'est ce qu'incluent les paramètres de couleur des pages Web : les réglementations et normes en matière de couleurs des pages Web.
1. Les couleurs couramment utilisées incluent : la couleur de la police, la couleur des liens hypertexte, la couleur de l’arrière-plan de la page Web et la couleur de la bordure.
2. Spécifications de couleur et réglementation des couleurs : les pages Web utilisent les couleurs du mode RVB.
2. Connaissance de base de la couleur
L'utilisation de la couleur dans les pages Web est un élément essentiel des pages Web. Le but de l'utilisation de la couleur est d'être distinctif, dynamique (en particulier utilisé dans les hyperliens) et beau. En même temps, la couleur est également l'un des éléments d'expression de style de diverses pages Web. Découvrez les couleurs de police CSS.
Comparaison entre les couleurs HTML traditionnelles et les couleurs CSS selon les normes W3C et les couleurs d'application CSS DIV
Syntaxe de couleur CSS :
couleur : #000000 ;
Ajoutez la valeur de couleur RVB (#FFFFFF, #000000, #F00) directement après la couleur dans le style CSS
La valeur de couleur RVB est déterminée lors de la mise en page réelle et peut être obtenue à l'aide de l'outil de sélection Photoshop (PS en abrégé).
3. Deux méthodes pour définir le style de couleur de l'objet
1. Utilisez le style de couleur couleur dans la balise DIV
<div style="color:#F00">www.jb51.net</div>
2. Utilisez le code CSS du style de couleur dans le sélecteur CSS :
.divcss5{couleur:#00F}
/*Définit le texte de l'objet divcss5 en bleu*/
Lecture approfondie : ici, nous utilisons les commentaires CSS pour décrire ce paramètre de style, découvrez les commentaires CSS
3. Cas complet du style de couleur DIV+CSS :
Code CSS :
Copier le code
le code s'affiche comme ci-dessous :
.divcss5{couleur:#00F}
/*Définit le texte de l'objet divcss5 en bleu*/
Code HTML:
Copier le code
le code s'affiche comme ci-dessous :
<p>
Utiliser le style CSS couleur dans les balises
<div style="color:#F00">www.jb51.net rouge</div>
</p>
<p>La feuille de style externe définit la couleur de l'objet
<div class="divcss5">www.jb51.net bleu</div>
</p>
4. Diagramme de structure de l'instance :
Ce qui précède utilise le style de couleur dans la balise et le style de couleur dans le code CSS.
4. Le contrôle de la couleur du texte est le même
Si le texte HTML et CSS traditionnel a la même couleur, utilisez "color:" + "Valeur de couleur RVB". Si la couleur est du texte noir, ajoutez "color:#000;" au sélecteur d'attribut CSS correspondant.
5. Différences dans les paramètres de couleur d’arrière-plan des pages Web
Traditionnellement, "bgcolor=color value" est utilisé pour définir la couleur d'arrière-plan, tandis qu'en CSS, "background:" + color value est utilisé. Par exemple : définissez l'arrière-plan sur noir, paramètre HTML traditionnel, c'est-à-dire ajoutez "bgcolor="#000"" dans la balise pour obtenir une couleur d'arrière-plan noire. Si c'est dans le W3C, ce sera toujours "background:#000". " dans le sélecteur CSS correspondant. accompli.
6. Définissez la différence de couleur de la bordure
Traditionnel "bordercolor=value", "border-color:" + valeur de couleur en CSS. Par exemple : en HTML traditionnel, ajoutez simplement "bordercolor="#000"" directement à la balise table. Dans le CSS actuel, définissez "border-color:#000;" pour rendre la couleur de la bordure noire. N'oubliez pas de définir la largeur et Style (en pointillés, implémenté).
Connaissance approfondie des valeurs de couleur DIV+CSS :
Une valeur de couleur est un mot-clé ou une spécification RVB numérique.
Les 16 mots-clés sont issus de la palette VGA de Windows : Aqua, Black, Blue, Fuchsia, Grey, Green, Grey, Maroon, Navy, Olive, Purple, Red, Silver, Cyan, White, Yellow.
7. La couleur RVB donne l'une des quatre méthodes suivantes
1. #rrggbb (par exemple, #00cc00) (il est fortement recommandé de l'utiliser pour représenter les valeurs de couleur)
2. #RVB (par exemple, #0c0)
3. RGB(十中,x,x) x est un entier inclusif compris entre 0 et 255 (comme RGB(0,204,0))
4. RVB (y %, y %, y %), où y est une quantité inclusive comprise entre 0,0 et 100,0 (telle que RVB (0 %, 80 %, 0 %))
8. Voici la table des couleurs RVB
Bien entendu, les logiciels de développement Web généraux disposent de sélecteurs de valeurs de couleur :
Sélecteur de couleurs CSS dans un logiciel de développement Web Logiciel DW
Comment obtenir la valeur de couleur CSS ?
Nous ne nous souvenons pas de la valeur de couleur, et comment déterminer exactement la même valeur de couleur que l'œuvre d'art ? En fait, c'est très simple. Habituellement, nous obtenons la valeur de couleur précise grâce à l'outil de reconnaissance des couleurs du logiciel PS. Bien entendu, nous pouvons également utiliser d'autres outils de reconnaissance de couleurs spécialisés pour obtenir la valeur de couleur précise.
9. Résumé du style de couleur div CSS
En utilisant le style CSS pour définir le style de couleur du contenu de l'objet, nous pouvons utiliser des objets de classe CSS nommés pour définir son style de couleur, ainsi que définir le style de couleur directement dans la balise html.