So verwenden Sie das CSS-Attribut „font-weight'.-CSS-Tutorial-php.cn

So verwenden Sie das CSS-Attribut „font-weight'.

青灯夜游

Freigeben： 2019-05-28 17:42:00

Original

3412 Leute haben es durchsucht

Das CSS-Attribut „font-weight“ wird verwendet, um die Fettschrift festzulegen, die im Text des Anzeigeelements verwendet wird. Der numerische Wert 400 entspricht dem Schlüsselwort „Normal“ und 700 entspricht dem Schlüsselwort „Fett“. Alle gängigen Browser unterstützen das Attribut „font-weight“.

So verwenden Sie das CSS-Attribut „font-weight'.

Wie verwende ich das CSS-Attribut „font-weight“?

Das Attribut „font-weight“ legt die Dicke des Textes fest.

Syntax:

font-weight:normal|bold|bolder|lighter|数值|inherit;

Nach dem Login kopieren

Attributwert:

● normal: Standardwert. Definiert Standardzeichen.

●fett: Definieren Sie fette Zeichen.

●bolder: Definiert fettere Zeichen.

● Leichter: Definieren Sie detailliertere Zeichen.

● Wert: Definieren Sie Zeichen von dick bis dünn. Die einstellbaren Werte sind: 100, 200, 300, 400, 500, 600, 700, 800, 900. Dabei entspricht 400 „Normal“ und 700 „Fett“.

● erben: Gibt an, dass die Schriftstärke vom übergeordneten Element geerbt werden soll.

Beschreibung: Mit diesem Attribut wird die Fettschrift festgelegt, die im Text des Anzeigeelements verwendet wird. Der numerische Wert 400 entspricht dem Schlüsselwort „Normal“ und 700 entspricht dem Schlüsselwort „Fett“. Die Fettschrift jedes Zahlenwerts muss mindestens so dünn wie die nächstkleinere Zahl und mindestens so dick wie die nächstgrößere Zahl sein.

Hinweis: Alle gängigen Browser unterstützen das Attribut „font-weight“.

Beispiel für ein CSS-Schriftgewichtsattribut

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>
<body>
<p class="normal">This is a paragraph.</p>
<p class="light">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

Rendering:

So verwenden Sie das CSS-Attribut „font-weight.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut „font-weight'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!