Heim > Web-Frontend > CSS-Tutorial > Wie mache ich die Schriftart in CSS fett?

Wie mache ich die Schriftart in CSS fett?

(*-*)浩
Freigeben: 2019-11-28 11:28:05
Original
4617 Leute haben es durchsucht

Wie mache ich die Schriftart in CSS fett?

Fettschrift

Die Eigenschaft „font-weight“ legt die Dicke des Textes fest.

Verwenden Sie das Schlüsselwort „bold“, um Text fett darzustellen. (Empfohlenes Lernen: CSS Basic Tutorial)

Die Schlüsselwörter 100 ~ 900 geben 9 Fettstärkestufen für die Schriftart an. Wenn in einer Schriftart diese Fettstufen integriert sind, werden die Zahlen direkt den vordefinierten Stufen zugeordnet, wobei 100 der dünnsten Schriftvariante und 900 der dicksten Schriftvariante entspricht. Die Zahl 400 entspricht „normal“ und 700 entspricht „fett“.

Wenn Sie die Fettschrift des Elements auf „fetter“ einstellen, stellt der Browser eine Schriftfettigkeit ein, die fetter ist als der geerbte Wert. Im Gegensatz dazu führt das Schlüsselwort „lighter“ dazu, dass der Browser die Fettschrift nach unten statt nach oben verschiebt.

Instanz

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>
</body>

</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie mache ich die Schriftart in CSS fett?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage