paramètres CSS gras

CSS est un élément indispensable de la conception et du développement Web. Il peut nous aider à contrôler différents styles dans les pages Web. Parmi eux, le gras est l’un des styles de texte couramment utilisés pour mettre en évidence des informations importantes ou souligner certains mots. En CSS, définir une police en gras est très simple. Apprenons-en plus ci-dessous.

En CSS, nous pouvons utiliser l'attribut font-weight pour contrôler l'épaisseur du texte. Cet attribut a les valeurs suivantes :

1. normal (valeur par défaut). : Indique l'épaisseur normale de la police.
2. bold : Indique l'épaisseur de la police en gras.
3. bolder : indique une épaisseur de police plus épaisse que la normale.
4. plus clair : indique une épaisseur de police plus fine que la normale.
5. Numéro : Indique l'épaisseur de police spécifique. Plus la valeur est grande, plus elle est épaisse. Par exemple, font-weight: 600 ; signifie que l’épaisseur de la police est de 600.

Lors de l'utilisation de l'attribut font-weight, il peut être utilisé avec d'autres attributs de police, tels que font-size, font-family, etc. Voici quelques exemples d'application : #🎜🎜 ## 🎜🎜#

Définissez l'épaisseur de la police d'un seul élément :

1. body {

font-weight: bold;

}#🎜🎜 ##🎜 🎜#
Définissez l'épaisseur de la police d'un certain élément de catégorie :

.bold-text {
2. font-weight: bolder;
}#🎜 🎜#

Définissez l'épaisseur de la police d'une partie du texte dans un paragraphe :

span {

font-weight : 600 ;
3. }

Pour certains éléments de texte spéciaux, nous pouvons définir leur épaisseur de police par héritage. Voici quelques exemples d'applications pratiques :

Définir l'épaisseur de la police du titre de la page Web :

93f0f5c25f18dab9d176bd4f6de5d30e

c9ccee2e6ea535a969eb3f532ad9fe89

1. h1 {
     font-weight: bold;
   }

531ac245ce3e4fe3d50054a55f265927

9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
4a249f0d628e2318394fd9b75b4636b1Voici le titre de la page749f8e7a3f2495292c4f0e2b1e902ef1

36cc49f0c466276486e50c850b7e4956

Définir l'affichage en gras du texte du paragraphe dans la page Web :

c9ccee2e6ea535a969eb3f532ad9fe89

p {
  font-weight: bolder;
}

531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846beeC'est le texte de la page Web0cba36f12cf561cef14ffa62bcdafa2c

36cc49f0c466276486e50c850b7e4956

Mettez le texte d'une colonne du tableau de la page Web en gras : #🎜🎜 #

c9ccee2e6ea535a969eb3f532ad9fe89

td.bold {
  font-weight: 600;
}

3. 531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1

02568ef9b0c0ffc711838b59ccde9fd3

Colonne 1

Colonne 2

Colonne 3

36cc49f0c466276486e50c850b7e4956

Résumé : le paramètre CSS bold est très simple, il suffit d'appliquer l'attribut font-weight. Dans les applications pratiques, nous pouvons définir différentes épaisseurs de police en fonction de différents besoins pour obtenir de meilleurs effets d'affichage.

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!