Was bedeutet der Schrägstrich in der CSS-Schriftartkürzel?

Den Schrägstrich in CSS-Schriftartkürzeln verstehen

In CSS bietet die Eigenschaft „font“ eine bequeme Möglichkeit, mehrere schriftartbezogene Eigenschaften in einer einzigen Deklaration festzulegen. Die Verwendung eines Schrägstrichs in dieser Eigenschaft kann jedoch verwirrend sein.

Was bedeutet der Schrägstrich?

Der Schrägstrich in der folgenden CSS-Eigenschaft:

setzt tatsächlich zwei separate Eigenschaften, äquivalent zu:

Gemäß der offiziellen CSS-Dokumentation ahmt diese Syntax die traditionelle nach typografische Abkürzung für die Angabe von Schriftgrößen als „x pt auf y pt“, wobei „x“ die Glyphengröße und „y“ die Zeilenhöhe darstellt.

Satztradition

In der Welt des Drucksatzes war es üblich, Schriftarten mit dieser „x auf y“-Notation anzugeben, und CSS erbt dieses Konzept. Der Schrägstrich teilt die Werte für Schriftgröße und Zeilenhöhe, genau wie in der Druckversion.

Syntaxanforderungen

Es ist jedoch wichtig zu beachten, dass diese Kurzschreibweise die Angabe sowohl der Schriftart als auch der Schriftart erfordert Familie und Größe. Das in Ihrer Frage angegebene Beispiel, Schriftart: 100 %/120 %;, ist ungültig und wird von Browsern ignoriert. Um es gültig zu machen, müssen Sie eine Schriftfamilie hinzufügen, wie zum Beispiel:

Wenn Sie die Bedeutung des Schrägstrichs in der CSS-Schriftarteneigenschaft verstehen, können Sie die Größe und den Zeilenabstand Ihres Textes effektiv steuern Webdesign.

Das obige ist der detaillierte Inhalt vonWas bedeutet der Schrägstrich in der CSS-Schriftartkürzel?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!