Heim > Web-Frontend > CSS-Tutorial > Welche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?

Welche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?

DDD
Freigeben: 2024-11-09 17:37:02
Original
639 Leute haben es durchsucht

What is the meaning of the slash (/) in CSS font declarations?

Den Schrägstrich bei der CSS-Schriftgrößenbestimmung verstehen

Der Schrägstrich (/) in CSS-Schriftartdeklarationen, wie im Beispiel unten, hat eine Besonderheit Bedeutung:

font: 100%/120%;
Nach dem Login kopieren
Nach dem Login kopieren

Im Gegensatz zu regulären Schriftartdeklarationen legt diese Syntax mehrere schriftartbezogene Eigenschaften fest gleichzeitig:

font-size: 100%;
line-height: 120%;
Nach dem Login kopieren

Laut CSS-Dokumentation basiert diese Kurzschreibweise auf traditionellen typografischen Konventionen. Typografen verwenden oft das Format „x pt auf y pt“, um die Glyphengröße (Zeichengröße) und Zeilenhöhe anzugeben.

Im Beispiel bezieht sich „100 %“ auf die Schriftgröße, während „120 %“ darauf verweist auf die Zeilenhöhe. Die Zeilenhöhe bestimmt den vertikalen Abstand zwischen Textzeilen. Eine Zeilenhöhe von 120 % bedeutet, dass der vertikale Abstand 120 % der Schriftgröße beträgt.

Beachten Sie, dass für die Schriftartenkürzelnotation mindestens die Angabe der Schriftgröße und -familie erforderlich ist. Daher ist die folgende Deklaration ungültig:

font: 100%/120%;
Nach dem Login kopieren
Nach dem Login kopieren

Um sie gültig zu machen, kann ein generischer Schriftfamilienname hinzugefügt werden:

font: 100%/120% serif;
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWelche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?. 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