Maison > Article > interface Web > Comment modifier la taille de la police en CSS
Comment modifier la taille de la police en CSS
- 王林original
- 2021-05-21 15:28:1920733parcourir
La façon de modifier la taille de la police en CSS consiste à ajouter l'attribut font-size à la police et à définir la valeur de l'attribut sur une valeur appropriée, telle que [h2 {font-size:200%;}] , ce qui signifie que la taille de la police est définie sur 200 % en fonction de l'élément parent.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Il est très simple de modifier la taille de la police en CSS. Il suffit d'utiliser l'attribut font-size pour le faire facilement. Jetons d'abord un coup d'œil à cette propriété.
L'attribut font-size est utilisé pour définir la taille de la police.
Valeurs d'attribut communes :
plus petites Définissez 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éfinissez la taille de la police sur une valeur fixe.
% Définissez la taille de la police sur une valeur en pourcentage basée sur l'élément parent.
inherit spécifie que la taille de la police doit être héritée de l'élément parent.
Jetons un coup d'œil aux exemples de code spécifiques :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
</body>
</html>Partage de didacticiels vidéo associés : tutoriel vidéo CSS
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!