Maison >interface Web >tutoriel CSS >Définir la taille de la police des mots clés à l'aide de CSS

Définir la taille de la police des mots clés à l'aide de CSS

王林avant: 2023-09-13 14:13:01843parcourir

La propriété CSS font-size peut être définie à l’aide de mots-clés absolus et relatifs. Cela mettra à l'échelle le texte selon les besoins.

Syntaxe

La syntaxe de l'attribut CSS font-size est la suivante :

Selector {
   font-size: /*value*/
}

Le tableau suivant répertorie les mots-clés standard utilisés dans CSS-

Définir la taille de la police à une taille plus petite que l'élément parentDéfinissez la taille de la police à une taille plus grande que l'élément parent Démonstration en direct

<!DOCTYPE html>
<html>
<head>
<style>
h1{
   font-size: larger;
}
#demo {
   font-size: medium;
   text-align: center;
   background-color: floralwhite;
}
p {
   font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html>

Démonstration en direct

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: auto;
   padding: 5px;
   width: 30%;
   border: 1px solid;
   border-radius: 29%;
   text-align: center;
   font-size: xx-small;
}
p {
   font-size: xx-large;
}
</style>
</head>
<body>
<div>
<div>One</div>
<p>Two</p>
</div>
</body>
</html>

SortieCela donne le résultat suivant -

Sr.No	Valeur et description
1	Moyen Réglez la taille de la police sur moyenne. C'est la valeur par défaut
2	xx-small Réglez la taille de la police sur xx-small Réglez la taille de la police sur une taille plus petite pour un très petit
4	petit
5	grand Réglez la taille de la police sur une grande taille
6	8 Plus petit
	9 Bigger
	L'exemple suivant illustre comment définir le CSS propriété font-size à l’aide de mots-clés. Exemple
Sortie	Cela donne le résultat suivant - Exemple

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!

css

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment utiliser les unités CSS Viewport pour ajuster la position des éléments en fonction de la taille de l'écranArticle suivant：Comment utiliser les unités CSS Viewport pour ajuster la position des éléments en fonction de la taille de l'écran

Articles Liés

Voir plus