Maison > Article > interface Web > Que signifie la taille de police par défaut CSS ?

Que signifie la taille de police par défaut CSS ?

WBOYoriginal: 2022-09-13 17:10:597526parcourir

En CSS, "font-size" signifie taille de police ; vous pouvez utiliser cet attribut pour définir la taille de police du texte. Vous pouvez non seulement définir une valeur de taille fixe pour le texte, mais vous pouvez également utiliser le signe de pourcentage pour définir une valeur. taille de police par rapport à l'élément parent. Une valeur en pourcentage ou une valeur de taille représentant la taille de la police, la syntaxe est "élément {font-size: valeur d'attribut}".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie la taille de police par défaut de CSS ?

La taille de police de CSS signifie la taille de police. L'attribut font-size est utilisé pour définir la taille de la police.

Notez qu'il définit en fait la hauteur des cases de caractères dans la police ; le glyphe de caractère réel peut être plus grand ou plus court que ces cases (généralement plus court).

La police correspondant à chaque mot-clé doit être plus haute que la police correspondant au plus petit mot-clé, et plus petite que la police correspondant au mot-clé suivant en plus grand.

Valeurs possibles pour cette propriété

Définissez la taille de la police sur différentes tailles, de xx-small à xx-large.

xx-small

x-small
small
medium
large
x-large
xx-large
Valeur par défaut :moyen.

smaller définit la taille de la police sur une taille plus petite que celle de l'élément parent.

larger définit la taille de la police sur une taille plus grande que l'élément parent.

length définit la taille de la police sur une valeur fixe.

% définit la taille de la police sur une valeur en pourcentage basée sur l'élément parent.

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
h1 {font-size:50%;}
h2 {font-size:50px;}
p {font-size:larger;}
</style>
</head>
<body>
<h1>听妈妈的话</h1>
<h2>依然范特西</h2>
<p>叶惠美</p>
</body>
</html>

Résultat de sortie :

(Partage de vidéos d'apprentissage : Que signifie la taille de police par défaut CSS ? tutoriel vidéo CSS

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

Article précédent：En HTML5, br est-il un élément en ligne ou un élément de niveau bloc ?Article suivant：En HTML5, br est-il un élément en ligne ou un élément de niveau bloc ?

Articles Liés

Voir plus