Apakah maksud teg em dalam css?

EM dalam CSS mewakili unit panjang berbanding saiz fon semasa, dilambangkan sebagai "em" (contohnya, saiz fon: 1.2em;). Ia berbeza daripada PX (Pixel) dan REM (Root EM) kerana ia adalah relatif, berbanding saiz fon semasa, manakala PX adalah mutlak, mewakili piksel skrin, dan REM adalah relatif kepada saiz fon elemen akar dokumen. EM digunakan untuk melaraskan saiz teks dan jarak untuk mengubah saiz teks berdasarkan keutamaan pengguna, mencipta reka bentuk responsif dan menentukan ruang antara elemen.

Maksud teg EM dalam CSS

EM ialah unit dalam CSS yang mewakili panjang berbanding saiz fon semasa.

Cara menggunakan EM

Nilai EM diikuti dengan huruf "m", contohnya:

<code>font-size: 1.2em;</code>

Ini menetapkan saiz fon teks kepada 1.2 kali ganda saiz fon semasa.

Perbezaan antara EM dan PX dan REM

• PX (piksel) ialah unit mutlak yang mewakili piksel fizikal pada skrin.
• EM ialah unit relatif, berbanding saiz fon semasa.
• REM (root EM) juga merupakan unit relatif, tetapi ia adalah relatif kepada saiz fon elemen akar dokumen.

Bila menggunakan EM

EM sesuai untuk mengubah saiz dan menjarakkan teks tanpa mengubah perkadarannya. Ia amat berguna untuk:

• Resizing Text berdasarkan keutamaan pengguna
• Mencipta reka bentuk responsif yang secara automatik menyesuaikan diri dengan saiz skrin yang berbeza
• Menentukan ruang antara elemen

contoh

<code>body {
  font-size: 16px;
}

h1 {
  font-size: 2em;  /* 相对于正文文本的 2 倍 */
}

p {
  margin-bottom: 1em;  /* 相对于正文文本的 1 倍 */
}</code>

kod di atas akan:

• Tetapkan saiz fon teks kandungan kepada 16px
• Tetapkan saiz fon teg h1 kepada 2 kali ganda teks kandungan
• Tetapkan jidar di bawah teg p kepada 1 kali ganda teks kandungan

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