Heim >Web-Frontend >CSS-Tutorial >Was bedeutet der Schrägstrich (/) bei der CSS-Schriftgröße?

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

DDD
DDDOriginal
2024-11-11 10:48:03600Durchsuche

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%;

äquivalent zu:

font-size: 100%;
line-height: 120%;

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;

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!

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