Maison >interface Web >Questions et réponses frontales >Comment utiliser l'attribut CSS font-size

Comment utiliser l'attribut CSS font-size

青灯夜游
青灯夜游original
2019-05-30 11:50:063748parcourir

L'attribut CSS font-size est utilisé pour définir la taille de la police d'un élément. Cette propriété 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).

Comment utiliser l'attribut CSS font-size

Comment utiliser l'attribut CSS font-size ?

L'attribut font-size définit la taille de la police.

Valeurs d'attribut pouvant être définies :

valeur
Description
描述

xx-small

x-small

small

medium

large

x-large

xx-large

把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。

默认值:medium。

smaller 把 font-size 设置为比父元素更小的尺寸。
larger 把 font-size 设置为比父元素更大的尺寸。
length 把 font-size 设置为一个固定的值。
% 把 font-size 设置为基于父元素的一个百分比值。
xx-small

x-small

small

moyen

grand

x-large

xx-large

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

Comment utiliser lattribut CSS font-sizeValeur par défaut : moyenne.

plus petit Définissez la taille de la police sur une taille plus petite que celle de l'élément parent.
plus grand Définissez la taille de la police sur une taille plus grande que celle de l'élément parent.
longueur 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.
Description : Cet attribut définit la taille de la police de l'élément. Notez que cela définit en fait la hauteur des cases de caractères dans la police ; le glyphe du 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. Remarque : Tous les principaux navigateurs prennent en charge l'attribut font-size. Attribut CSS font-size Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
h1 {font-size: 300%}
h2 {font-size: 200%}
p {font-size: 100%}
</style>
</head>
<body>
<h1>php中文网</h1>
<h2>php视频教程</h2>
<p>php程序员词典</p>
</body>
</html>
Rendu :

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