suchen

Heim  >  Artikel  >  Web-Frontend  >  So legen Sie den fetten Schriftstil in CSS fest

So legen Sie den fetten Schriftstil in CSS fest

青灯夜游
青灯夜游Original
2018-10-23 16:17:2374017Durchsuche

So legen Sie den Schriftstil in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. „Legen Sie einfach den Schriftstil „Fett“ über die Eigenschaften fest.

So legen Sie den fetten Schriftstil in CSS fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5 und CSS3.

Zunächst erklären wir anhand eines einfachen Codebeispiels im Detail, wie man CSS implementiert, um die Schriftart fett zu machen! 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css 字体加粗</title>
		<style>
			.a1{
				font-weight:bold;
			}
			.a2{
				font-weight:bolder;
			}
		</style>
	</head>
	<body>
		<div>
			<p>这是一段测试文字<br />
				<span class="a1">这里使用bold属性值加粗字体</span><br />
			
				<span class="a2">这里使用bolder属性值加粗字体</span>
			</p>
		</div>
	</body>
</html>

Werfen wir einen Blick auf die Darstellung:

So legen Sie den fetten Schriftstil in CSS fest

Anhand des Beispiels können Sie erkennen: Der Fettfetteffekt wird hier hauptsächlich in verwendet css Die Stilattribute von „font-weight:bold;“ und „font-weight:bolder;“. Wir sollten wissen, dass das Attribut „font-weight“ die Stärke der Textschriftart festlegen kann, und dass durch Festlegen des Attributwerts „bold“ fette Zeichen definiert werden können, und dass der Attributwert „bolder“ dickere Zeichen definieren kann, wodurch ein fetter Schrifteffekt erzielt wird.

Im CSS-Attribut „font-weight“ können nicht nur der Attributwert „bold“ und der Attributwert „bolder“ die Schriftart fett formatieren, sondern auch den numerischen Wert festlegen, um die Schriftart fett zu machen. Schauen wir uns den Effekt an: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css 字体加粗</title>
		<style>
			.a1{
				font-weight:bold;
			}
			.a2{
				font-weight:800;
			}
		</style>
	</head>
	<body>
		<div>
			<p>这是一段测试文字<br /><br />
				<span class="a1">这里使用bold属性值加粗字体</span><br /><br />
			
				<span class="a2">这里使用数值加粗字体</span>
			</p>
		</div>
	</body>
</html>

Effektbild:

So legen Sie den fetten Schriftstil in CSS fest

Beschreibung:

Das Attribut „font-weight“ wird verwendet, um die Fettschrift festzulegen, die im Text des verwendet wird Anzeigeelement. Der numerische Wert 400 entspricht dem Schlüsselwort normal (Standardschriftart) und 700 entspricht fett (fette Schriftart). 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.

Zusammenfassung: Die oben genannten Methoden zum Festlegen des Fettdruckstils werden in diesem Artikel vorgestellt. Sie können es selbst ausprobieren, um Ihr Verständnis zu vertiefen und verschiedene Werte für das CSS-Attribut „font-weight“ festzulegen Stellen Sie die Schriftart je nach Bedarf in Fettdruck ein. Ich hoffe, dass es für das Lernen aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter: CSS-Basis-Video-Tutorial , HTML-Video-Tutorial , Bootstrap-Video-Tutorial !

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

html5 css bootstrap css3 html
Stellungnahme：
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
Vorheriger Artikel：Wie verwende ich das Border-Image-Attribut? Ausführliche Erläuterung des Tutorials zu den Border-Image-EigenschaftenNächster Artikel：Wie verwende ich das Border-Image-Attribut? Ausführliche Erläuterung des Tutorials zu den Border-Image-Eigenschaften

In Verbindung stehende Artikel

Mehr sehen