Comment définir la taille de la police en HTML

Lors de l'écriture de code HTML, une taille de police appropriée peut rendre la page plus confortable, lisible et professionnelle. Cet article explique comment définir la taille de la police en HTML.

Il existe sept mots-clés de tailles relatives différentes en HTML, à savoir : xx-small, x-small, small, medium, large, x-large et xx-large. La taille relative est déterminée par rapport à la taille de l'élément parent de l'élément actuel. De manière générale, la taille moyenne est la taille de base par défaut, qui équivaut à 16 px (pixels). D'autres mots-clés sont calculés en fonction de cette taille de référence.

De plus, vous pouvez utiliser des tailles absolues pour définir la taille de la police. Ces tailles sont soit des unités absolues de longueur (telles que des pixels ou des points), soit relatives à un pourcentage de l'écran. L'avantage de la taille absolue est qu'elle permet de contrôler avec précision la taille de la police, mais l'inconvénient est qu'elle ne peut pas s'adapter aux besoins des différentes tailles d'écran.

Voici comment définir spécifiquement la taille de la police :

1. Utilisation des tailles relatives en HTML

En utilisant le mot-clé de taille relative, vous pouvez l'ajuster en fonction de la taille de l'élément parent pour une meilleure adaptabilité. Voici l'exemple de code :

<!-- 使用 small 大小的关键字 -->
<p style="font-size: small;">This text is smaller than usual.</p>

<!-- 使用 large 大小的关键字 -->
<p style="font-size: large;">This text is larger than usual.</p>

<!-- 使用 x-large 大小的关键字 -->
<p style="font-size: x-large;">This text is even larger than before.</p>

2. Utilisation de tailles absolues en HTML

En utilisant des tailles absolues, vous pouvez avoir un contrôle précis sur la taille de la police. Voici l'exemple de code :

<!-- 使用像素作为绝对大小 -->
<p style="font-size: 20px;">This text is 20 pixels in size.</p>

<!-- 使用点作为绝对大小 -->
<p style="font-size: 14pt;">This text is 14 points in size.</p>

<!-- 使用百分比作为相对屏幕大小 -->
<p style="font-size: 200%;">This text is twice as big as normal.</p>

3. Utilisation de la taille de police en CSS

La taille de police peut être définie directement en HTML à l'aide de l'attribut style, mais elle peut également être définie via une feuille de style CSS. Par exemple :

/* 在样式表中设置字体大小为 16 像素 */
p {
  font-size: 16px;
}

Avec cette méthode, vous pouvez définir plusieurs tailles de police dans la feuille de style pour mieux vous adapter aux différentes mises en page.

Résumé

Définir la taille de la police HTML est une opération très simple. Il vous suffit d'utiliser la propriété CSS font-size pour la définir. Cependant, la mise en garde est de choisir une taille relative ou absolue appropriée pour rendre la page plus confortable et plus lisible. Dans le même temps, vous devez également choisir la taille de police correspondante en fonction de la taille de l'écran pour mieux vous adapter aux différents appareils.

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!