Comment mettre les polices en gras avec CSS

Aujourd'hui, je vais vous présenter comment utiliser CSS pour mettre les polices en gras. Lorsque nous publions un article, la taille et la police du titre et du texte doivent être différentes, nous expliquerons donc en détail comment utiliser CSS pour mettre l'article en gras. . Police, comment contrôler l'épaisseur de la police des articles.

La mise en gras CSS fait ici référence au contrôle de la mise en gras de objet via DIV CSS.

Utiliser CSS attribut mot

font-weight

Valeur de l'objet : de 100 à 900, la police la plus couramment utilisée -weight La valeur est en gras

paramètre font-weight :

normal : police normale. Équivalent au numéro 400. Déclarer cette valeur annulera tout paramètre précédent

bold : Gras. Équivalent au numéro 700. C'est également équivalent à la fonction de l'objet b

plus gras : IE5+ Extra gras

plus clair : IE5+ Corps fin

numéro : IE5+　100 300 | 400 | 500 | 600 | 700 | 900

Pour des connaissances de base détaillées sur la mise en gras, veuillez consulter le manuel de poids de police dans le manuel CSS.

Balises HTML régulières en gras

Dans le passé, les balises HTML qui mettaient directement les objets en gras étaient les suivantes :

< /strong>Les deux ont le même effet.

Exemple en gras, le code est le suivant :

 <strong>我被加粗</strong><br />

<b>我也被加粗了</b><br/>
我未被加粗

Exemple de technique de base en gras CSS

Code CSS :

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Code HTML Div :

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

Ici, CSS est utilisé pour contrôler le texte en gras vers les objets en gras. Par conséquent, vous pouvez généralement utiliser cette méthode pour mettre en gras les objets texte et les titres.

Je vous ai expliqué comment utiliser CSS pour contrôler l'épaisseur de la police. L'avez-vous appris ?

Lecture connexe

Comment modifier la couleur de la police en HTML

Comment résoudre le problème des polices, des images et des graphiques flous dans Toile html5

Application de polices dans la conception Web

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!