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:1920801parcourir

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.

Comment modifier la taille de la police en CSS

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!

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