Maison > interface Web > tutoriel CSS > Comment définir la police en CSS

Comment définir la police en CSS

醉折花枝作酒筹
Libérer: 2023-01-06 11:16:00
original
15436 Les gens l'ont consulté

Comment définir les polices en CSS : 1. Utilisez la balise font pour définir, le format de syntaxe est ""; -attribut family pour définir les paramètres, le format de syntaxe est "tag {font-family:"font style"}"

Comment définir la police en CSS

L'environnement d'exploitation de ce tutoriel : Windows7 système, version CSS3&&HTML5, ordinateur Dell G3.

1. Police de configuration de la balise de police

<font face="字体样式"></font>
Copier après la connexion

Exemple :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>未设置字体的“你若盛开,蝴蝶自来”</div>
  <font face="华文中宋">设置字体的“你若盛开,蝴蝶自来”</font>
</body>
</html>
Copier après la connexion

la balise de police définit l'attribut de police du visage et sa valeur peut définir le police différentielle

2. police de paramètre CSS

le mot de paramètre de police CSS est font-family

Exemple :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    p{
      font-family: &#39;Courier New&#39;, Courier, monospace;
    }
  </style>
</head>
<body>
  <p>设置字体的“你若盛开,蝴蝶自来”</p>
  <div>未设置字体的“百无禁忌”</div>
</body>
</html>
Copier après la connexion

effet :

Comment définir la police en CSS

Apprentissage recommandé : 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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal