Apakah unit margin css?

Unit margin CSS termasuk px, %, em, rem, vw dan vh, vmin dan vmax, ex dan ch, pt dan pc, dsb. Pengenalan terperinci: 1. px, unit panjang tetap; . rem, Unit untuk mengira margin relatif kepada saiz fon elemen akar;

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

Unit jidar CSS adalah seperti berikut:

Pixel (px): Piksel ialah salah satu unit jidar yang paling biasa digunakan Ia ialah unit panjang tetap yang mewakili titik pada skrin. Dalam CSS, anda boleh menetapkan margin elemen menggunakan nilai piksel, contohnya: margin: 10px.

Peratus (%): Peratus ialah unit yang digunakan untuk mengira margin berbanding lebar elemen induk. Sebagai contoh, jika lebar elemen induk ialah 200px dan anda menetapkan margin kepada 10%, margin ialah 20px. Unit peratusan boleh digunakan untuk menetapkan jidar mendatar dan menegak, contohnya: jidar atas: 10%.

em: em ialah unit yang digunakan untuk mengira margin berbanding saiz fon elemen. Sebagai contoh, jika saiz fon elemen ialah 16px dan jidar ditetapkan kepada 2em, jidar ialah 32px. Unit em juga boleh digunakan untuk menetapkan jidar mendatar dan menegak, contohnya: jidar-kiri: 1.5em.

rem: rem ialah unit yang digunakan untuk mengira margin berbanding saiz fon unsur akar. Elemen akar biasanya merupakan elemen HTML. Tidak seperti unit em, nilai unit rem tidak dipengaruhi oleh elemen induknya. Sebagai contoh, jika saiz fon unsur akar ialah 16px dan jidar ditetapkan kepada 2rem, jidar ialah 32px.

vw dan vh: vw dan vh ialah unit berbanding dengan lebar port pandangan dan ketinggian port pandangan. Port pandangan ialah kawasan yang boleh dilihat pada tetingkap penyemak imbas atau skrin peranti. vw mewakili peratusan lebar viewport, dan vh mewakili peratusan ketinggian viewport. Sebagai contoh, jika lebar viewport ialah 1000px dan margin ditetapkan kepada 10vw, margin akan menjadi 100px.

vmin dan vmax: vmin dan vmax ialah peratusan berbanding dengan lebar dan ketinggian port pandangan yang lebih kecil atau lebih besar. vmin akan dikira berdasarkan saiz yang lebih kecil dalam viewport, dan vmax akan dikira berdasarkan saiz yang lebih besar dalam viewport. Sebagai contoh, jika lebar viewport ialah 1000px, ketinggian viewport ialah 800px dan margin ditetapkan kepada 10vmin, margin akan menjadi 80px.

ex dan ch: ex dan ch ialah unit di mana margin dikira relatif kepada ketinggian "x" fon dan lebar aksara "0". Unit ini biasanya digunakan untuk menetapkan margin yang dikaitkan dengan fon tertentu. Contohnya, jika ketinggian "x" fon ialah 10px dan jidar ditetapkan kepada 2ex, jidarnya ialah 20px.

pt dan pc: pt dan pc adalah unit pencetak, digunakan untuk menetapkan margin semasa mencetak. pt bermaksud 1/72 inci, pc bermaksud 12 mata (1 mata bersamaan 1/72 inci). Unit ini jarang digunakan dalam pembangunan web dan lebih kerap ditemui dalam dunia percetakan dan penerbitan.

Di atas adalah unit margin biasa dalam CSS. Mengikut keperluan khusus dan keperluan reka bentuk, memilih unit yang sesuai untuk menetapkan margin elemen boleh menjadikan reka letak halaman lebih fleksibel dan boleh dikawal.

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