Apakah yang dilakukan oleh slash (/) dalam pengisytiharan saiz fon CSS?

Memahami Saiz Fon CSS dengan Garis Miring

Dalam CSS, kita sering menemui garis miring (/) semasa mentakrifkan saiz fon. Ia mungkin kelihatan mengelirukan, tetapi ia sebenarnya mempunyai tujuan penting.

Pertimbangkan pengisytiharan CSS berikut:

font: 100%/120%;

Apakah yang dilakukan oleh garis miring di sini?

Slash mewakili pemisahan antara dua sifat:

• saiz fon: Menetapkan saiz teks.
• tinggi garisan: Mengawal jarak menegak antara baris daripada teks.

Jadi, pengisytiharan di atas adalah setara kepada:

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

Takrifan Rasmi:

Menurut dokumentasi CSS, "Sintaks sifat ini adalah berdasarkan tatatanda trengkas tipografi tradisional untuk menetapkan berbilang sifat berkaitan dengan fon."

Tipografi Sejarah:

Dalam tipografi tradisional, adalah perkara biasa untuk menentukan saiz muka taip sebagai "x pt pada y pt," yang menunjukkan saiz glif dan ketinggian garisan. Notasi ini ditunjukkan dalam trengkas fon CSS menggunakan garis miring.

Pengendalian Penyemak Imbas:

Perhatikan bahawa anda mesti menentukan kedua-dua saiz fon dan keluarga apabila menggunakan trengkas fon tatatanda. Hanya menggunakan fon: 100%/120%; adalah tidak betul dan akan diabaikan oleh penyemak imbas. Walau bagaimanapun, anda boleh memasukkan nama keluarga generik untuk menjadikannya sah:

font: 100%/120% serif;

Atas ialah kandungan terperinci Apakah yang dilakukan oleh slash (/) dalam pengisytiharan saiz fon CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!