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
Freigeben: 2024-12-03 07:12:10
Original
874 Leute haben es durchsucht

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 ...
Nach dem Login kopieren

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;
Nach dem Login kopieren

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!

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