Apakah unit em dalam css?

Em dalam CSS ialah unit panjang relatif, yang dikira secara relatif kepada saiz fon elemen 1em adalah sama dengan saiz fon elemen semasa Jika digunakan pada saiz fon, 1em akan sama dengan saiz fon daripada unsur induk.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Dalam CSS, em ialah unit panjang relatif, yang dikira relatif kepada saiz fon elemen. Khususnya, 1em adalah sama dengan saiz fon elemen semasa. Jika digunakan pada saiz fon, 1em akan sama dengan saiz fon elemen induk.

Apabila digunakan pada atribut lain, unit em akan mengira panjang relatif berdasarkan saiz fon elemen. Ini menjadikan unit em sangat berguna apabila melaksanakan reka letak berbanding saiz teks.

Berikut ialah beberapa contoh yang menunjukkan cara unit em digunakan:

/* 设置段落文本的字体大小为父元素字体大小的 1.2 倍 */
p {  
font-size: 1.2em;
    }
/* 设置 div 元素的宽度为当前字体大小的两倍 */
div {  
width: 2em;
    }

Perlu diambil perhatian bahawa memandangkan em ialah unit panjang relatif, ia akan mewarisi saiz fon elemen induk, yang mungkin menyebabkan nilai em dalam elemen bersarang untuk diubah. Untuk kawalan yang lebih baik ke atas reka letak, kadangkala mungkin lebih mudah untuk menggunakan unit rem, kerana ia dikira secara relatif kepada saiz fon elemen akar (iaitu elemen html).

Atas ialah kandungan terperinci Apakah unit em dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!