Was ist das Attribut beim Festlegen der Schriftstärke in CSS?

Das CSS-Attribut zum Festlegen der Schriftstärke ist das Attribut „font-weight“. Die Werte dieses Attributs sind „heller“, „normal“, „fett“ und „fetter“ ist eine dünne Schriftart. „normal“ ist eine normale Dicke. „bold“ ist fett und „bolder“ ist extra fett.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS wird das Attribut „font-weight“ verwendet, um den Dickenwert der Schriftart festzulegen. Der Wert ist lighter | normal | bold | bolder und der Standardwert ist normal. „Lighter“ ist eine dünne Schriftart, „Normal“ ist eine normale Schriftart, „Fett“ ist eine fette Schriftart und „Fett“ ist eine besonders fette Schriftart. Zum Beispiel:

.lighter {
 font-weight: lighter;
} 
.normal {
 font-weight: normal;
}
.bold {
 font-weight: bold;
}
.bolder {
 font-weight: bolder;
}

<p class="lighter">字体粗细： lighter</p>
<p class="normal">字体粗细： normal</p>
<p class="bold">字体粗细： bold</p>
<p class="bolder">字体粗细： bolder</p>

Der obige Code definiert 4 Schriftarten unterschiedlicher Dicke, die der Reihe nach dicker werden. Die laufenden Ergebnisse sind in der Abbildung dargestellt:

[Empfohlenes Tutorial: CSS-Video-Tutorial]

Um eine detailliertere Steuerung zu erreichen, ermöglicht CSS auch die Verwendung von Zahlen zum Festlegen der Schriftstärke. Die Zahl muss ein ganzzahliges Vielfaches von 100 sein und der Wert liegt zwischen 100 und 900. Je größer der Wert, desto fetter die Schriftart. 400 entspricht „normal“ und 700 entspricht „fett“. Die Ergebnisse verschiedener Werte sind wie in der Abbildung dargestellt:

Der Browser fügt einigen Elementen automatisch Fettformat hinzu (z. B. stark, h1 ~ h6 und b). Einige Elemente erben auch das Fettformat von Übergeordnetes Element Mit „font-weight: normal“ können Sie die Fettformatierung dieser Elemente aufheben.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonWas ist das Attribut beim Festlegen der Schriftstärke in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!