Maison >interface Web >tutoriel CSS >Que signifie la police en CSS3 ?
Que signifie la police en CSS3 ?
- WBOYoriginal
- 2021-12-14 16:50:313343parcourir
En CSS, font signifie « police », qui est un attribut abrégé utilisé pour définir tous les attributs de police ; l'attribut font peut définir le style de la police dans l'ordre, et la syntaxe est « element {font:style variantweight size/ famille de hauteur ;}".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
Que signifie la police en CSS3 ?
font signifie police et est un attribut de police abrégé en CSS. Il est utilisé pour définir deux ou plusieurs aspects de la police de l'élément à la fois. défini dans une seule déclaration. La propriété raccourcie
font définit toutes les propriétés de police dans une seule déclaration.
Remarque : Cette propriété a également une sixième valeur : "line-height", qui peut définir l'espacement des lignes.
Cette propriété raccourcie est utilisée pour définir deux ou plusieurs aspects de la police d'un élément à la fois. Utilisez des mots-clés tels que icône pour définir de manière appropriée la police d'un élément afin qu'elle corresponde à un aspect de l'environnement informatique de l'utilisateur. Notez que si ces mots-clés ne sont pas utilisés, il faut au moins préciser la taille et la famille de police.
Vous pouvez définir les attributs suivants dans l'ordre :
L'exemple est le suivant :
<html>
<head>
<style type="text/css">
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px arial,sans-serif;
}
</style>
</head>
<body>
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>Résultat de sortie :
(Partage vidéo d'apprentissage : 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!