Explication détaillée de la différence entre font-weight: bolder et valeur de réglage en CSS

J'ai défini font-weight: bolder auparavant ; je n'ai jamais compris pourquoi l'effet final lorsqu'il est affiché sur le navigateur est devenu normal. Après vérification, j'ai trouvé que bolder était relatif à l'élément parent.

Si la valeur de l'objet parent est normale et que la valeur de l'objet enfant est définie sur plus grasse, elle finira par être affichée en gras, c'est-à-dire en gras.

Et mon élément parent a défini font-weight:200 ; l'affichage final devient donc normal.

font-weight font-weight (fine)

Valeur : normal gras | plus clair 100 | 700 | 800 | 900 | hériter

Valeurs disponibles Description de la valeur
valeur par défaut normale. Les polices s'affichent normalement.
gras 300 est au moins aussi épais que 200 et au moins aussi léger que 400
400 La police s'affiche normalement, ce qui équivaut à la normale.
500 Au moins aussi épais que 400, au moins aussi léger que 600
600 Au moins aussi épais que 500, au moins aussi léger que 700
700 Gras, équivalent à gras.
800 Au moins aussi épais que 700 et au moins aussi léger que 800
900 Au moins aussi épais que 800
hérite de l'épaisseur de la police de l'élément parent


Remarque :
IE7 et les versions antérieures ne prennent pas en charge la valeur « hériter ». IE8 a besoin d'une définition ! DOCTYPE. IE9 prend en charge "l'héritage".

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!