Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was bedeutet der Schrägstrich (/) bei der CSS-Schriftgröße?

DDD
Freigeben: 2024-11-11 10:48:03
Original
545 Leute haben es durchsucht

What does the slash (/) mean in CSS font sizing?

CSS-Schriftgrößenanpassung mit Schrägstrich: Die Syntax enträtseln

In CSS kann die Schriftarteigenschaft eine Syntax akzeptieren, die einen Schrägstrich enthält, was Fragen zu ihrem Zweck aufwirft. Lassen Sie uns tiefer in die Bedeutung und Verwendung dieser Notation eintauchen.

Schrägstrich-Trennzeichen in der Schriftgrößensyntax

Der Schrägstrich in der Schriftgrößensyntax trennt zwei Werte. Es bezeichnet die Angabe zweier separater Eigenschaften: Schriftgröße und Zeilenhöhe. Die Werte links und rechts vom Schrägstrich stellen diese Eigenschaften dar.

Zum Beispiel ist die folgende CSS-Deklaration:

font: 100%/120%;
Nach dem Login kopieren

äquivalent zu:

font-size: 100%;
line-height: 120%;
Nach dem Login kopieren

Traditionelle typografische Notation

Diese Notation hat ihren Ursprung in der traditionellen typografischen Praxis, Schriftgrößen im Format „x pt on“ anzugeben y pt." Hier stellt „x pt“ die Glyphenhöhe dar und „y pt“ bezeichnet den vertikalen Abstand zwischen Textzeilen, der als Zeilenabstand bezeichnet wird.

Durch das Zulassen des Schrägstrich-Trennzeichens in der CSS-Schriftarteigenschaft können Entwickler angeben, was sie tun sollen Sowohl Schriftgröße als auch Zeilenabstand in einer einzigen prägnanten Zeile.

Gültige Verwendung

Es ist wichtig, die Kurzschrift der Schriftart zu beachten erfordert, dass Sie sowohl die Schriftgröße als auch die Schriftfamilie angeben. Das Weglassen eines Werts führt zu einer ungültigen Deklaration. Folgendes ist beispielsweise eine gültige Verwendung:

font: 100%/120% serif;
Nach dem Login kopieren

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

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