Detaillierte Erklärung des Unterschieds zwischen Font-Weight: Bolder und Setting Value in CSS

Ich habe vorher die Schriftstärke „fetter“ eingestellt; ich habe nie verstanden, warum der endgültige Effekt bei der Anzeige im Browser normal wurde. Nach der Überprüfung stellte ich fest, dass „fetter“ relativ zum übergeordneten Element ist.

Wenn der Wert des übergeordneten Objekts normal ist und der Wert des untergeordneten Objekts auf Fett gesetzt ist, wird er schließlich fett, also fett, angezeigt.

Und mein übergeordnetes Element hat die Schriftart „font-weight:200“ festgelegt, sodass die endgültige Anzeige normal wird.

font-weight (fine) value: normal |. 300 | 700 |. 800 |. erben

Verfügbare Werte
normaler Standardwert. Schriftarten werden normal angezeigt.
fett 300 ist mindestens so dick wie 200 und mindestens so hell wie 400
400 Die Schriftart wird normal angezeigt, was normal entspricht.
500 ist mindestens so dick wie 400 und mindestens so leicht wie 600
600 ist mindestens so dick wie 500 und mindestens so leicht wie 700
700 Bold, entspricht fett.
800 Mindestens so dick wie 700 und mindestens so hell wie 800
900 Mindestens so dick wie 800
inherit Erbt die Schriftstärke vom übergeordneten Element


Hinweis:
IE7 und frühere Versionen unterstützen den Wert „inherit“ nicht. IE8 braucht Definition! DOCTYPE. IE9 unterstützt „erben“.

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen Font-Weight: Bolder und Setting Value in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!