Heim >Web-Frontend >CSS-Tutorial >Was bedeutet der Schrägstrich in der CSS-Schriftartkürzel?

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

DDD
DDDOriginal
2024-12-03 07:12:10942Durchsuche

What Does the Forward Slash Mean in CSS Font Shorthand?

CSS-Schriftartkürzel: Die Bedeutung des Schrägstrichs enträtseln

Mit der CSS-Schriftartkürzeleigenschaft können Sie Schriftartattributdeklarationen in einer einzigen zusammenfassen Linie. Aber was bedeutet der Schrägstrich (/), der zwei Werte trennt?

Frage:

Im folgenden CSS:

font: 12px/18px ...

Was tun? die Werte „12px“ und „18px“ darstellen?

Antwort:

Der Schrägstrich dient als visueller Indikator und trennt zwei unterschiedliche Schriftattribute:

  • 12px : Dies ist die Schriftgröße, die die Körpergröße einer Person angibt Zeichen.
  • 18px: Dies ist die Zeilenhöhe, die den vertikalen Abstand zwischen Textzeilen definiert.

Erklärung:

Die Syntax leitet sich von typografischen Notationen ab, die zur Angabe von Schriftgrößen und Zeilenhöhen verwendet werden. Durch die Kombination in einer einzigen Kurzdeklaration entspricht die obige Zeile:

font-size: 12px;
line-height: 18px;

Wenn die Zeilenhöhe auf einen relativen Wert (z. B. Prozentsatz oder Ems) eingestellt ist, wird sie basierend auf der Schriftart berechnet Größe.

Beachten Sie, dass diese Syntax ausschließlich für die Eigenschaft „font shorthand“ gilt und nicht mit einzelnen Schriftartattributen verwendet werden kann. Entwickler, die diese Abkürzung verwenden, werden es praktisch finden, da sie sich den Aufwand ersparen, die Attribute separat anzugeben.

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!

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