Heim >Web-Frontend >HTML-Tutorial >Drei Möglichkeiten, Schriftarten in HTML und CSS fett zu machen
Drei Möglichkeiten, Schriftarten in HTML und CSS fett zu machen
- yuliaOriginal
- 2018-10-31 15:05:4917540Durchsuche
Ist Ihnen beim Durchsuchen der Website aufgefallen, dass einige Texte oder Schriftarten auf der Seite fett gedruckt sind? Freunde, die HTML und CSS lernen, wissen Sie, wie man Text in HTML fett formatiert? Wie stelle ich die Fettschrift der Schriftart in CSS ein? Dieser Artikel fasst drei Möglichkeiten zur Fettschrift von Schriftarten und Texten zusammen, einschließlich Fett-Tags in HTML- und CSS-Schriftstilen. Er hat einen gewissen Referenzwert und interessierte Freunde können darauf verweisen.
Es gibt drei Möglichkeiten, Schriftarten und Text fett zu formatieren: Eine ist der Schriftgrad: Fettschrift in CSS, die andere ist das -Tag und die letzte ist Das -Tag in HTML.
Methode 1: Verwenden Sie den Stil „font-weight:bold“ in CSS, um die Schriftart fett zu machen.
Das Attribut „font-weight“ kann die Stärke der Schriftart festlegen Der Attributwert ist normal und gibt eine normale Schriftart an, was einer Zahl von 400 entspricht. Wenn der Attributwert fett ist, kann die Schriftart fett sein, was einer Zahl von 700 entspricht, was auch der Wirkung von entspricht das -Tag.
Instanzbeschreibung: Erstellen Sie zwei p-Tags und geben Sie einem der Tags einen Klassennamen, um das CSS-Styling zu erleichtern. Fügen Sie dem p-Tag das Attribut „font-weight:bold“ mit dem Klassennamen hinzu. Der spezifische Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.aa{font-weight: bold;}
</style>
</head>
<body>
<p>床前明月光</p>
<p class="aa">低头思故乡</p>
</body>
</html>Wie in der Abbildung unten gezeigt Niederlegen und an die Heimatstadt denken“ Dieser Text ist fett gedruckt.
Methode 2: Verwenden Sie das Tag in HTML
Coarse, und alle gängigen Browser unterstützen diese Methode.
Beispielbeschreibung: Verwenden Sie das -Tag direkt in HTML, um den fetten Texteffekt zu erzielen. Der spezifische Code lautet wie folgt:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <strong>疑是地上霜</strong> </body> </html>
Vergleichen Sie das p-Tag, wie in der Abbildung gezeigt und dem Inhalt des starken Tags habe ich festgestellt, dass der Inhalt des starken Tags fett gedruckt war.
Methode 3: Verwenden Sie das Tag in HTML
Text, und alle gängigen Browser unterstützen das -Tag.
Beispielbeschreibung: Das -Tag ist das gleiche wie das -Tag, Sie können es einfach und bequem verwenden folgt:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <b>举头望明月</b> </body> </html>
Wie im Bild unten gezeigt, ist der Text im b-Tag fett gedruckt
Zusammenfassung: Das Obige stellt vor Es gibt drei Methoden zum Fettdrucken von Text: Fettdruck in CSS und das Tag in HTML Wählen Sie, es hängt von Ihren persönlichen Gewohnheiten und Arbeitsanforderungen ab. Ich hoffe, dieser Artikel hilft Ihnen!
【Empfohlene verwandte Tutorials】
1. Drei Möglichkeiten, Text mit HTML und CSS (Bilder und Text) durchzustreichen
3.Das obige ist der detaillierte Inhalt vonDrei Möglichkeiten, Schriftarten in HTML und CSS fett zu machen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!