So legen Sie die Schriftstärke in CSS fest

In CSS können Sie die Schriftstärke über das Attribut „font-weight“ festlegen; wenn der Wert dieses Attributs auf „heller“ eingestellt ist, handelt es sich um einen dünnen Stil, wenn der Wert „normal“ ist, handelt es sich um eine normale Schriftstärke , und wenn der Wert „bold“ ist, handelt es sich um einen dünnen Fettstil, wenn der Wert „bolder“ ist, ist es ein extra fetter Stil.

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

CSS kann die Textdicke sorgfältig aufteilen und auch den fetten Text in eine Anzeige mit normaler Dicke umwandeln. Die Textstärke wird in CSS über das Attribut font-weight festgelegt. Der obige Code deckt fast alle Textstärkenwerte ab, und die Schriftart selbst kann fett sein und in normale Fettschrift umgewandelt werden. Zum Beispiel: font-weight设置，如上代码几乎涵盖了所有的文字粗细值，并且，可以是本身是粗体的字体，变成正常粗体。如：

.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>

上述代码定义了 4 种不同粗细的字体，按顺序依次变粗。运行结果如图 

为了实现更细致的控制，CSS也允许使用数字来设置字体的粗细。数字必须是100的整数倍，取值在100~900 之间，值越大字体越粗。400 等同于 normal，700 等同于 bold。不同取值的结果如图 

浏览器会自动为一些元素（如，strong、h1～h6 和b）添加粗体格式，有些元素还继承了父元素粗体格式，可以通过 font-weight: normalrrreeerrreee

Der obige Code definiert 4 Schriftarten unterschiedlicher Dicke, die der Reihe nach dicker werden. Das laufende Ergebnis ist wie in der Abbildung dargestellt

Um eine detailliertere Steuerung zu erreichen, erlaubt CSS auch die Verwendung von Zahlen zum Festlegen der Dicke der Schriftart. 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 in der Abbildung dargestellt: 🎜🎜 Vergleichstabelle für Gewichtungsattributwerte " alt="font-weight Attributwertvergleichstabelle" style="height:auto;vertical-align:middle;border:0px;"/>🎜🎜Der Browser weist einigen Elementen automatisch Attribute zu (z as strong, h1~h6 und b) Fettformatierung hinzufügen Einige Elemente erben auch das Fettformat dieser Elemente über font-weight: normal. 🎜🎜Empfohlenes Lernen: „🎜CSS-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftstärke in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!