Comment définir le texte de la police en CSS

En ce qui concerne l'attribut de police, ce à quoi tout le monde pense doit être du texte, donc cet article vous amènera à bien comprendre les paramètres de texte CSS, ou à en apprendre davantage sur les paramètres de style de texte .

CSS peut définir le style du texte. Quelles sont les polices CSS ? Soulignement du texte CSS DIV

Espacement du texte CSS DIV

Police du texte CSS

Texte. interligne

Style de police CSS (italique)

Méthode de mise en gras des mots CSS

DIV+CSS Mots anglais, lettres majuscules et minuscules

DIV+Css Définition des polices en développement Attributs CSS couramment utilisés Mots Police CSS anglaise - peut entrer dans le manuel CSS Voir des connaissances plus détaillées sur le texte CSS

police, famille de polices (police), taille de police (taille de police), style de police (style de police ), font-weight (css bold),

text-decoration

(souligné), font-variant (lettre cas),

text-transform

(cas anglais),

lettre- spacing

(espacement)

Ensuite, nous expliquons un par un exemples via la méthode de contrôle de texte CSS 1. Utilisez font-size pour la taille de la police Définissez d'abord la valeur de font-size sur 36px, puis les résultats ci-dessous montrent que la taille de la police est plus grande.

2. La couleur du texte La couleur du texte utilise l'attribut css color color pour définir la couleur du style de texte sur rouge via la valeur de style de mise à jour des couleurs

3. CSS pour contrôler le soulignement de la police CSS de la méthode texte, utilisez text-decoration

text-decoration, vous pouvez accéder au manuel CSS pour comprendre les valeurs correspondantes. Vous voudrez peut-être également en savoir plus sur les liens CSS, styles de liens hypertexte CSS, soulignement CSS

4. Espacement du texte - entrez l'espacement détaillé des mots CSS pour comprendre

5. Police du texte - utilisez la police d'attribut de style CSS -family

Font-family générale Les polices peuvent être les mêmes que les polices communes "Song Ti", "New Song Ti" et "Hei Ti". Bien qu'il soit possible de définir les polices sur votre propre ordinateur, la plupart des utilisateurs d'ordinateurs ne les ont pas ajoutées. Ici, les polices ne peuvent donc être définies que sur les polices courantes fournies avec le système, mais pas sur les polices installées par vous-même, ni sur les polices chinoises. les polices peuvent être converties en codage Unicode.

L'ordinateur est livré avec des polices. Les polices de texte couramment définies incluent Heilongjiang, New Song Dynasty, Song Dynasty, Arial, Helvetica, sans-serif, etc.

Espacement des lignes supérieure et inférieure du texte

Espacement des lignes supérieure et inférieure Utilisez le texte CSS pour définir la hauteur de ligne du mot, définissez ici la hauteur de ligne : 50px ;

Vous pouvez voir la police CSS de démonstration champ de texte "Je suis contrôlé par une démonstration de style de texte CSS. "La distance par rapport au mot contextuel est obtenue grâce à la hauteur de ligne CSS. Peut-être devez-vous comprendre la différence entre br et p.

7. Style de police (italique)

Les italiques du texte utilisent le paramètre de balise font-style dans le style CSS tel que font-style: italic. Bien sûr, vous pouvez utiliser le

8. Texte en gras

Pour le texte en gras, vous pouvez directement ajouter Pour mettre le texte en gras, vous pouvez utiliser CSS. Ici, font-weight est utilisé pour définir des paramètres tels que font-weight:bold;

La valeur de font-weight ici peut être comprise entre 100 et 900. Plus la valeur est élevée, plus la valeur est élevée. Plus la police est grande, plus elle est en gras. Si la valeur est en gras, elle aura le même effet que l'utilisation de b ou de strong.

9. Mots anglais, lettres majuscules et minuscules, police CSS

Utilisez la taille réelle des lettres des variantes de police en CSS, telles que font-variant:small-caps;, et les majuscules et sélectives. transformation de texte en minuscules, telle que text-transform:capitalize;La première lettre est en majuscule.

text-transform syntax text-transform : aucun | majuscule | minuscule

Paramètres :

aucun : aucune conversion ne se produit

capitalize : convertir chacun La première lettre d'un mot est convertie en majuscule et aucune conversion n'a lieu pour le reste

majuscule : Convertir en majuscule

minuscule : Convertir en minuscule

font-variant Syntaxfont-variant : normal small | -caps

Paramètres :

normal : police normale
small-caps : petite police majuscule

Je crois qu'après avoir lu ceux-ci Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture connexe :

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

Un résumé des unités courantes en CSS

Comment utiliser les sélecteurs d'attributs CSS3 pour remplacer le rôle de JS

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!