Was bewirkt der Schrägstrich (/) in CSS-Schriftgrößendeklarationen?

CSS-Schriftgröße mit Schrägstrichen verstehen

In CSS stoßen wir beim Definieren von Schriftgrößen häufig auf den Schrägstrich (/). Es mag verwirrend erscheinen, erfüllt aber tatsächlich einen wichtigen Zweck.

Bedenken Sie die folgende CSS-Deklaration:

font: 100%/120%;

Was bewirkt der Schrägstrich hier?

Der Schrägstrich stellt eine Trennung zwischen zwei dar Eigenschaften:

• font-size: Legt die Größe des Texts fest.
• line-height: Steuert den vertikalen Abstand zwischen Zeilen von Text.

Die obige Erklärung ist also gleichwertig zu:

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

Offizielle Definition:

Laut der CSS-Dokumentation „basiert die Syntax dieser Eigenschaft auf einer traditionellen typografischen Kurzschreibweise zum Festlegen mehrerer Eigenschaften.“ im Zusammenhang mit Schriftarten.“

Typografische Geschichte:

In In der traditionellen Typografie werden Schriftgrößen häufig als „x pt auf y pt“ angegeben, was die Glyphengröße und Zeilenhöhe angibt. Diese Notation spiegelt sich in der CSS-Schriftartkürzel unter Verwendung des Schrägstrichs wider.

Browser-Handhabung:

Beachten Sie, dass Sie bei Verwendung der Schriftartenkürzel sowohl die Schriftgröße als auch die Schriftfamilie angeben müssen Notation. Nur Schriftart verwenden: 100 %/120 %; ist falsch und wird von Browsern ignoriert. Sie können jedoch einen generischen Familiennamen angeben, um ihn gültig zu machen:

font: 100%/120% serif;

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