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.

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

-

pour les titres et

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!