Wie man mutiger Text in CSS hat

Der Fettdruck lässt die Elemente dick erscheinen, sonst erscheint es mit einem starken oder klaren Erscheinungsbild. Der fette Text ist der Text, der dicker erscheint als der einfache Text. Wir können unseren Text mutig machen, indem wir die CSS-Eigenschaft „Schriftgewicht“ anwenden und sie „fett“ einstellen. Wir können auch einige numerische Werte oder das Schlüsselwort „Fettdruck“ für diese Eigenschaft festlegen. In dieser Eigenschaft „Schriftgewicht“ setzen wir, wie dick der Text auf dem Ausgangsbildschirm rendert. Wir können unseren Text in HTML auch fett machen, indem wir verschiedene Tags verwenden. Aber hier werden wir die CSS -Eigenschaft diskutieren, die zur Anwendung des Fettdrucks auf den Text verwendet wird. Wir werden diesen mutigen Text in diesem Tutorial ausführlich untersuchen. Wir werden auch einige Codes durchführen, in denen wir den Text fetten, indem wir numerische Werte in der Eigenschaft sowie mithilfe von Schlüsselwörtern einstellen.

Beispiel 1:

Wir brauchen ein paar Elemente, um die Eigenschaft „Schriftgewicht“ anzuwenden. Infolgedessen erstellen wir zunächst einige HTML -Elemente. Wir müssen zuerst eine neue Datei öffnen, um eine HTML -Datei zu erstellen, indem wir HTML als Sprache auswählen. Die Software, die wir in diesem Tutorial verwenden werden, ist der Visual Studio -Code. In dieser Datei beginnen wir mit dem Schreiben von Code. Zusätzlich treten wir ein “!Und dann drücken.

Nach all dem müssen wir den Körper erstellen, in dem wir einige Absätze unter der Überschrift hinzufügen werden. Wir geben jedem Absatz einen eindeutigen Namen, damit wir ihn verwenden können, wenn wir das Attribut „Schriftgewicht“ auf diese Absätze anwenden können. Wir haben hier drei Absätze. Jetzt werden wir die Eigenschaft „Schriftgewicht“ auf diese Absätze im CSS-Code anwenden. Wir müssen beide Dateien, die HTML und die CSS -Datei im Kopf verknüpfen, indem wir das Tag "Link" verwenden.

Zuerst setzen wir den Namen des Absatzes „P.p1 ”und dann die Eigenschaft„ Schriftgewicht “verwenden. Diese Eigenschaft wird zum Festlegen der Textdicke verwendet. Hier setzen wir es auf „normal“, was auch ein Standardwert ist. Die "Schriftgröße" für diesen ersten Absatz ist "20px". Danach haben wir einen zweiten Absatz mit dem Namen "P2" und setzen seinen "Schriftgewicht" auf "BOLD" fest. Dieses Schlüsselwort „fett“ wird verwendet, um den Text des Absatzes dicker zu machen als der einfache Text und setzen seine Größe auf "20px" fest und setzen Sie seine Größe auf "20px". Jetzt verwenden wir für "P3" die Eigenschaft "Schriftgewicht" erneut. Dieses Mal setzen wir den numerischen Wert für die Festlegung der Dicke des dritten Absatzes und zum „mutigen“, „mutig“. Hier verwenden wir den Wert "900" für diese Eigenschaft "Schriftgewicht". Der Text des Absatzes erscheint also "fett" und auch "Schriftgröße" entspricht den oben genannten Absätzen.

Hier ist die folgende Ausgabe, wir haben drei Absätze in der Ausgabe und der erste Absatz ist einfach, da wir seinen Wert als normal festlegen. Der zweite Absatz ist dicker als der erste, was bedeutet, dass dieser Absatz „fett“ ist. Außerdem ist der letzte Absatz „fett“, aber für den dritten Absatz setzen wir den numerischen Wert in der Eigenschaft „Schriftgewicht“.

Beispiel # 2:

Hier haben wir sieben verschiedene Absätze mit eindeutigen Namen, sodass wir diese Namen im CSS-Code verwenden, um die Eigenschaft „Schriftgewicht“ auf sie anzuwenden. Wir werden einen numerischen Wert für diese Eigenschaft sowie Keywords festlegen.

Wir verwenden "Farbe" für die Überschrift als "Maroon" und setzen die "Schriftgröße" für den gesamten "Körper" auf "22px". Für "Par1" setzen wir das "Schriftgewicht" auf "normal" und "rot" als "Farbe" dieses "Par1". Für "PAR2" setzen wir den Wert "Schriftgewicht" als "600" und die "grüne" Farbe ist für "Par2" hier. Der "Schriftgewicht" -Wichtig für "Par3" wurde auf "700" gesetzt, und die Farbe "Blau" wird hier verwendet. Jetzt verwenden wir erneut die Eigenschaft "Schriftgewicht" für den nächsten Absatz "Par4" und setzen sie auf "800" und seine "Farbe" ist "orange". Das "Par5" "Schriftgewicht" wird als "900" eingestellt und die "Farbe" für "Par5" ist "lila". Danach setzen wir das Schlüsselwort "fett" für den "Schriftgewicht" -Wichtig für "Par6" und definieren auch seine "Farbe" auf "Pink". Jetzt haben wir den letzten Absatz "Par7" und setzen es auf das Schlüsselwort "Büffen". Die "Farbe" von "Par7" ist "Magenta".

Sie können mehrere Absätze mit unterschiedlichen Werten der Eigenschaft „Schriftgewicht“ sehen. Der erste Absatz erscheint normal, da wir seinen Wert als "normal" festlegen. Die verbleibenden Absätze erscheinen „fett“, weil wir die Dicke dieser Absätze im CSS-Code einstellen, indem wir die Eigenschaft „Schriftgewicht“ verwenden.

Beispiel # 3:

Wir haben zwei Absätze in diesem Code und werden die Eigenschaft „Schriftgewicht“ auf einen Absatz anwenden und Ihnen den Unterschied zwischen dem fettem Text und dem einfachen Text zeigen.

Erstens werden wir den Körper stylen, indem wir zwei Eigenschaften verwenden. Die Eigenschaft „Schriftgröße“ legt die Größe des Text. Wir stylen auch die Überschrift, um es attraktiver zu machen, indem wir „Maroon“ für die „Farbe“ von „H1“ verwenden. Wir haben "Algerian" als "Schriftfamilie" und "unterstreichen" die „H1“ mit der Eigenschaft "Textdekoration" festgelegt. Für die "H2" setzen wir die "grüne" Farbe und die "Schriftfamilie" ist "Times New Roman". Jetzt werden wir die Eigenschaft „Schriftgewicht“ für beide Absätze nutzen. Für "Para1" wird sein Wert als "normal" festgelegt. Aber für das "para2" verwenden wir einfach das Schlüsselwort als Wert und setzen es auf "fett", um den Text dick zu machen.

Sie können den Unterschied zwischen beiden Absätzen leicht bemerken. Der erste Absatz ist der normale Absatz, aber der zweite Absatz hier ist "mutig". Die Schriftgröße beider Absätze ist gleich, aber Sie können sehen, dass der zweite Absatz mutig erscheint.

Beispiel Nr. 4:

Wir haben zwei verschiedene Überschriften und vier verschiedene Div -Klassen mit unterschiedlichen Namen für jede Div. Wir werden die Eigenschaft „Schriftgewicht“ für diese Divs nutzen.

Erstens werden wir diese beiden Parameter verwenden, um den Körper zu stylen. Das Attribut „Schriftgröße“ passt die Größe des Textes an „21px“ an. Die Eigenschaft „Text-Align“ -Meigenschaft „Zentrum“ alle Körperkomponenten, sobald wir sie festlegen. Die "Schriftfamilie" für alle Körperelemente ist "Times New Roman". Wir verwenden "lila" als "Farbe" von "H1", definieren die "Schriftfamilie" für "Algerian" und stylen zusätzlich die Überschrift, indem wir das Attribut "Textdekoration" auf "Untersteuer" des "H1" festlegen, um das "H1" zu unterstreichen ". Wir haben die Farbe "orange" für "H2" und "Calibri" als Schriftfamilie gewählt. Wir wenden keine Eigenschaft für den „Div1“ und den „Div2“ an. Wir setzen einen numerischen Wert von 900 für den Wert „Schriftgewicht“ fest. Wir haben "Div3" und "Fett" für "Schriftgewicht" und "Div4", "Schriftgewicht" ist als "mutiger" eingestellt.

Der erste Absatz "Div1" ist einfach und wir haben keinen "Schriftgewicht" für diesen Div1 festgelegt, sodass der Standardwert hier für "Div1" festgelegt ist. Für die anderen DIVs setzen wir den Wert des "Schriftgewichts" -Wichtig und machen den Text dieser Divs "fett" oder "dick". Wir erwähnen auch das „Schriftgewicht“ aller Divs in der Ausgabe. Der Div2 erscheint mit Schriftgewichtswert "900".

Abschluss

Sie haben gelernt, wie man die CSS-Schrift im Verlauf dieses Tutorials „Schriftgewicht“ verwendet. In diesem Tutorial haben wir die CSS-Schrift im „Schriftgewicht“ untersucht und erklärt, was es tut, warum wir sie verwenden, wie man sie benutzt und welche Ergebnisse es produziert. Die Eigenschaft „Schriftgewicht“ wurde bereits in diesem Tutorial behandelt. Wir haben diese Eigenschaft „Schriftgewicht“ verwendet, um das Gewicht der Schriftart auf dicker oder fett zu gestalten. Zusammen mit den Ergebnissen jedes Beispiels in diesem Tutorial haben wir auch Codes für die Verwendung der Eigenschaft „Schriftgewicht“ bereitgestellt. Ich glaube.