Apakah Maksud Slash dalam Css Font Shorthand?

Memahami Slash dalam CSS Fon Shorthand

Dalam CSS, sifat fon menyediakan cara yang mudah untuk menetapkan berbilang sifat berkaitan fon dalam satu pengisytiharan. Walau bagaimanapun, menggunakan garis miring dalam sifat ini boleh mengelirukan.

Apakah yang Ditandakan oleh Slash?

Slash dalam sifat CSS berikut:

font: 100%/120%;

sebenarnya menetapkan dua sifat berasingan, bersamaan dengan:

font-size: 100%;
line-height: 120%;

Mengikut dokumentasi CSS rasmi, sintaks ini meniru trengkas tipografi tradisional untuk menentukan saiz muka taip sebagai "x pt pada y pt," dengan "x" mewakili saiz glif dan "y" ketinggian garisan.

Tradisi Tetapan Taip

Dalam cetakan dunia penetapan taip, adalah perkara biasa untuk menentukan muka taip menggunakan tatatanda "x pada y" ini dan CSS mewarisi konsep ini. Aksara slash membahagikan saiz fon dan nilai ketinggian baris, sama seperti dalam versi cetakan.

Keperluan Sintaks

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa tatatanda trengkas ini memerlukan penetapan kedua-dua fon keluarga dan saiz. Contoh yang diberikan dalam soalan anda, fon: 100%/120%;, adalah tidak sah dan akan diabaikan oleh penyemak imbas. Untuk menjadikannya sah, anda mesti menambah keluarga fon, seperti:

font: 100%/120% serif;

Dengan memahami maksud garis miring dalam sifat fon CSS, anda boleh mengawal saiz dan jarak baris teks anda dengan berkesan dalam reka bentuk web.

Atas ialah kandungan terperinci Apakah Maksud Slash dalam Css Font Shorthand?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!