Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet CSS-Schriftgröße?

Was bedeutet CSS-Schriftgröße?

青灯夜游
青灯夜游Original
2022-03-18 18:29:202839Durchsuche

CSS-Schriftgröße bezieht sich auf die Größe des Zeichenfelds in der Schriftart. In CSS wird die Schriftgröße mithilfe des Attributs „font-size“ festgelegt, das tatsächlich die Höhe der Zeichenfelder in der Schriftart festlegt. Die tatsächliche Zeichenglyphe kann höher oder kürzer als diese Felder sein (normalerweise kürzer).

Was bedeutet CSS-Schriftgröße?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS-Schriftgröße bezieht sich auf die Größe des Zeichenfelds in der Schriftart.

Verwenden Sie in CSS das Attribut „font-size“, um die Größe (Größe) der Schriftart festzulegen.

Aber tatsächlich legt das Attribut „font-size“ die Höhe der Zeichenfelder in der Schriftart fest; die tatsächliche Zeichenglyphe kann höher oder kürzer als diese Felder sein (normalerweise kürzer). Mögliche Werte für das Attribut

font-size:

x-groß xx -largegrößerLängeStellen Sie die Schriftgröße auf einen festen Wert ein. Stellen Sie die Schriftgröße auf einen Prozentwert basierend auf dem übergeordneten Element ein. gibt an, dass die Schriftgröße vom übergeordneten Element geerbt werden soll. (Lernvideo-Sharing: CSS-Video-TutorialWeb-Frontend
Wert Beschreibung
  • Stellen Sie die Schriftgröße auf verschiedene Größen ein, von xx-klein bis xx-groß.
  • Standardwert: mittel.
  • kleiner
  • Stellen Sie die Schriftgröße auf eine kleinere Größe als das übergeordnete Element ein.

Stellen Sie die Schriftgröße auf eine größere Größe als das übergeordnete Element ein.

%
inherit
Die Schriftart für jedes Schlüsselwort muss größer sein als die Schriftart für das kleinste Schlüsselwort und kleiner als die Schriftart für das nächstgrößere Schlüsselwort.
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.px {
				font-size: 16px;
			}

			.pt {
				font-size: 14pt;
			}

			.in {
				font-size: .19in;
			}

			.cm {
				font-size: .8cm;
			}

			.mm {
				font-size: 8mm;
			}
		</style>
	</head>
	<body>
		<p>默认字体大小</p>
		<p class="px">字体大小: 16px</p>
		<p class="pt">字体大小: 14pt</p>
		<p class="in">字体大小: .16in</p>
		<p class="cm">字体大小: .8cm</p>
		<p class="mm">字体大小: 8mm</p>

	</body>
</html>
, )

Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Schriftgröße?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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