Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-11-11 01:44:03
Original
791 Leute haben es durchsucht

What does the slash (/) do in CSS font size declarations?

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

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

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

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!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage