Comment définir la couleur de la police du texte en CSS

Ce que je souhaite 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

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 CSS DIV

Syntaxe de couleur CSS :

color:#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 Photoshop (PS en abrégé) outil de cueillette.

Utiliser le style de couleur dans la balise DIV

div

Utiliser dans le sélecteur CSS Style de couleur Code CSS :

.div{color:#00F}

/* Définir le texte dans l'objet div pour qu'il soit bleu*/

Style de couleur DIV+CSS terminé. :

Code CSS :

.div{color:#00F} /* Définir le texte de l'objet div en bleu*/

Utiliser la couleur dans les balises ci-dessus Les styles et le code CSS utilisent le style color color.

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 "couleur :" + "Valeur de couleur RVB". texte, définissez le sélecteur d'attribut CSS en conséquence, ajoutez simplement "color:#000;" à l'intérieur.

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:" + valeur de couleur est utilisé. 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.

Définissez la différence de couleur de la bordure

Traditionnel "bordercolor=value", CSS "border-color:" + valeur de couleur. 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é).

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.

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 (Ÿ%, Ÿ%, Ÿ%), où y est une quantité inclusive comprise entre 0,0 et 100,0 (comme RVB (0%, 80%, 0%))

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 également définir le style de couleur directement dans 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.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser l'attribut de dégradé de transformation en CSS3

Étapes pour optimiser les formulaires HTML5 avec CSS3

Introduction détaillée CSS3 à l'attribut traduire

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!