Maison  >  Article  >  interface Web  >  Comment définir la police en HTML

Comment définir la police en HTML

coldplay.xixi
coldplay.xixioriginal
2021-04-26 11:09:1047107parcourir

Comment définir les polices en HTML : 1. L'attribut [font-variant] peut définir les petites lettres majuscules ; 2. L'attribut [font-weight] définit l'épaisseur du texte 3. Les ensembles d'attributs [font-size] ; taille du texte.

Comment définir la police en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur DELL G3.

Comment définir la police en HTML :

1. La transformation de la police

font-variant peut définir des petites lettres majuscules. .

Les petites majuscules ne sont pas des lettres majuscules ordinaires, ni des lettres minuscules. Ce sont des lettres majuscules de différentes tailles.

Exemple

p {font-variant:small-caps;}

2. La propriété Font bold

font-weight définit l'épaisseur du texte.

Utilisez le mot-clé bold pour mettre le texte en gras.

Les mots clés 100 ~ 900 spécifient 9 niveaux de gras pour la police. Si une police intègre ces niveaux de gras, les nombres correspondent directement aux niveaux prédéfinis, 100 correspondant à la variante de police la plus fine et 900 correspondant à la variante de police la plus épaisse. Le nombre 400 équivaut à la normale et 700 équivaut à du gras.

Si vous définissez l'audace d'un élément sur plus gras, le navigateur définira l'audace de la police sur une valeur plus audacieuse que la valeur héritée. En revanche, le mot-clé plus léger amène le navigateur à déplacer la barre vers le bas au lieu de vers le haut. La propriété

Instance

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

3. Taille de la police

font-size définit la taille du texte.

Avoir la possibilité de gérer la taille du texte est important dans le monde de la conception Web. Cependant, vous ne devez pas redimensionner le texte pour que les paragraphes ressemblent à des titres ou que les titres ressemblent à des paragraphes.

Utilisez toujours des titres HTML corrects, tels que 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc pour les titres et e388a4556c0f65e1904146cc1a846bee

la valeur de la taille de la police peut être absolue ou relative.

Recommandations d'apprentissage associées : tutoriel vidéo HTML

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn