Méthode de définition de la couleur de la police du texte CSS (couleur CSS)

Cet article présente principalement la méthode de définition de la couleur de la police du texte CSS (couleur CSS). Les amis qui en ont besoin peuvent s'y référer

1. Comprendre la couleur CSS (couleur CSS)<.>

Ce que nous voulons présenter ici, c'est ce qui est inclus dans les paramètres de couleur des pages Web ; les règles et réglementations relatives aux couleurs des pages Web ;

1. Les couleurs couramment utilisées incluent : la couleur de la police, la couleur du lien hypertexte, la couleur de l'arrière-plan de la page Web, la couleur de la bordure

2. Spécifications de couleur et réglementations en matière de couleur : 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 distinctive, dynamique (en particulier utilisée dans les hyperliens) et belle. En même temps, la couleur est également l'un des éléments d'expression de style de diverses pages Web.

Comparaison de la couleur html traditionnelle et de la couleur css sous la norme w3c et de la couleur de l'application p CSS

Syntaxe de couleur CSS :

color:#000000;

Dans le style Css, ajoutez la valeur de couleur RVB (#FFFFFF, #000000, #F00) directement après la couleur.

La valeur de couleur RVB est déterminée lors de la mise en page réelle et peut être obtenue à l'aide de Photoshop (appelé PS ) outil de sélection.

3. Deux méthodes pour définir le style de couleur de l'objet

1 Utilisez le style de couleur dans la balise p

3a584e368d041c0cdb94f39264122b39www.jb51.net94b3e26ee717c64999d7867364b1b4a3

2. Utilisez le code CSS de style de couleur dans le sélecteur CSS :

.pcss5{color:#00F}

/* Définissez le texte de l'objet pcss5 en bleu*/

Lecture étendue : ici, nous utilisons les commentaires CSS pour décrire ce paramètre de style, découvrez les commentaires CSS

3. +Style couleur CSS Cas complet :

Code CSS :

Copier le code Le code est le suivant :

Code HTML :

.pcss5{color:#00F}
/* 设置对象pcss5内文字为蓝色 */

Copier le codeLe code est le suivant :

4. Exemple de diagramme de structure :

<p> 
标签内使用color css样式
<p style="color:#F00">www.jb51.net 红色</p> 
</p> 
<p>外部样式表设置对象color颜色
<p class="pcss5">www.jb51.net 蓝色</p> 
</p>

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 la couleur du texte du HTML et du CSS traditionnels est la même, utilisez simplement "color:" + "RGB color". value", si la couleur est noire. Ajoutez simplement "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

Définissez traditionnellement la couleur d'arrière-plan en utilisant "bgcolor=color value", tandis qu'en CSS, "background:" + color valeur . Par exemple : définissez l'arrière-plan sur noir, paramètres HTML traditionnels, c'est-à-dire ajoutez "bgcolor="#000"" dans la balise pour obtenir une couleur d'arrière-plan noire. Si elle est dans le W3C, ce sera toujours "background:#000". " dans le sélecteur CSS correspondant. accompli.

6. Différence dans la définition de la 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. Style (en pointillés, implémenté).

Connaissances approfondies sur la valeur de couleur p+CSS :

Une valeur de couleur est un mot-clé ou un nombre dans la spécification RVB.

Les 16 mots-clés sont tirés de la palette VGA de Windows : Aqua, Noir, Bleu, Fuchsia, Gris, Vert, Gris, Marron, Marine, Olive, Violet, Rouge, Argent, cyan, blanc, jaune.

7. La couleur RVB donne l'une des quatre méthodes

1 #rrggbb (par exemple, #00cc00) (il est fortement recommandé de l'utiliser pour représenter les valeurs de couleur)

2. #RGB (par exemple, #0c0)

3. RGB(十中,x,x) x est un entier inclusif compris entre 0 et 255 (par exemple 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 Ce qui suit. est la table des couleurs RVB

Bien sûr, les logiciels de développement Web généraux ont des sélecteurs de valeurs de couleur :



La couleur CSS sélecteur dans le logiciel de développement web DW SoftwareComment 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 p css
Utilisez 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 et le définir directement dans le fichier. style de couleur de la balise html. Ci-dessus, nous avons également présenté et mis en pratique ces deux méthodes de définition de la couleur du contenu du texte en détail.
Recommandations associées :

La vidéo/audio HTML5 lit les fichiers locaux

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!