Comment personnaliser les polices en CSS ? Introduction aux styles de police de texte en HTML-tutoriel CSS-php.cn

Comment personnaliser les polices en CSS ? Introduction aux styles de police de texte en HTML

寻∝梦

Libérer： 2018-09-05 13:48:39

original

3524 Les gens l'ont consulté

Savez-vous comment

personnaliser les polices en CSS ? Il existe également une introduction aux paramètres de style CSS et aux styles de police, tels que les paramètres de taille et d'épaisseur de police. Cet article vous apprend à utiliser les styles CSS pour effectuer ces choses. Jetons maintenant un œil à l'article

1. Tout d'abord, nous expliquons comment utiliser les styles CSS pour personnaliser les polices. Jetons un coup d'œil :

Nous introduisons ici un attribut dans un style CSS :font-family : Définit la famille de polices du texte. Également appelée famille de polices, il en existe cinq courantes : serif, sans-serif, monospace, cursive, fantasy

Bien entendu, vous pouvez également trouver des polices spécifiques. Nous pouvons trouver une police sur notre ordinateur et copier le nom pour la configurer. Bien entendu, si la police n'est pas installée sur le client, elle ne servira à rien. Ce qui est affiché est la police par défaut du client. (Si vous voulez en voir plus, rendez-vous sur le site PHP chinois

tutoriel vidéo CSS

)

Jetons un coup d'œil à un exemple de police de texte :

Différents styles de police sont attribués aux cinq paragraphes ci-dessus. Jetons maintenant un coup d'œil aux résultats affichés dans le navigateur :

<style>
.you_1{font-family:serif}
.you_2{font-family:sans-serif}
.you_3{font-family:monospace}
.you_4{font-family:cursive}
.you_5{font-family:fantasy}
</style>
</head>
<body>
<p class="you_1">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
    <p class="you_2">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
<p class="you_3">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
<p class="you_4">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
<p class="you_5">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
<p>这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
</body>

Copier après la connexion

Comment personnaliser les polices en CSS ? Introduction aux styles de police de texte en HTML Comme indiqué. dans la figure, finalement, One n'a aucun paramètre, il définit simplement les cinq premières polices. N'est-ce pas évident ? Ce sont les cinq polices couramment utilisées dans la famille de polices. Fondamentalement, tous les ordinateurs ont ces polices, donc vous n'en avez pas. Vous n'avez pas à vous soucier de les ajouter aux polices d'autres personnes. Elles ne peuvent pas être affichées sur l'ordinateur. C'est tout pour nos polices personnalisées.

2. Parlons maintenant de notre style de police de texte, comme changer la taille et mettre la police en gras. Jetons-y un coup d'oeil ensemble :

Jetons un coup d'œil aux paramètres de style de police Exemple. :

Vous pouvez clairement voir que ce code définit d'abord le paramètre d'épaisseur du texte, et il existe également un paramètre px qui définit la taille du texte. Jetons maintenant un œil à l'effet affiché dans le navigateur :

<style>
.you_1{font-weight:600}
.you_2{font-size:40px}
</style>
</head>
<body>
<p class="you_1">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
    <p class="you_2">这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
<p>这是PHP中文网，里面有很多你要的视频教程，网址是www.php.cn，这里是PHP中文网；</p>
</body>

Copier après la connexion

Comment personnaliser les polices en CSS ? Introduction aux styles de police de texte en HTML C'est un paramètre un peu important. Mais ce n’est pas grave, vous pouvez certainement le voir clairement. Personne ne dira qu'il ne peut pas voir clairement. L'un sert à régler l'épaisseur et l'autre à régler la taille. Il ne devrait y avoir personne qui ne puisse pas dire lequel sert à régler la taille et lequel sert. réglage de l'épaisseur.

D'accord, cet article se termine ici. Il présente comment définir les polices dans les styles CSS et comment concevoir des styles de police de texte. Si vous avez des questions, vous pouvez laisser un message ci-dessous.

[Recommandation de l'éditeur]

Quels sont les attributs de la balise d'entrée html ? Résumé de l'utilisation de la balise input (avec exemples)

Comment définir la hauteur de la balise label en html ? Introduction à l'utilisation des balises d'étiquette

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!