Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie den fetten Schriftstil in CSS fest

青灯夜游
Freigeben: 2021-04-16 11:24:51
Original
73824 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!