Unit CSS ialah nilai piawai yang digunakan untuk mengukur dan menerangkan saiz, jarak dan sifat elemen lain Ia digunakan untuk menentukan saiz, kedudukan, jarak, saiz fon, dsb. unit CSS yang boleh dibahagikan kepada dua kategori: unit mutlak dan unit relatif. Unit mutlak sesuai untuk elemen bersaiz tetap dan takrifan gaya tipografi, manakala unit relatif sesuai untuk reka letak responsif dan pembangunan peranti mudah alih. Dengan memilih dan menggabungkan unit ini secara rasional, susun atur yang fleksibel dan definisi saiz boleh dicapai, memberikan pengalaman pengguna yang baik.
Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.
Unit CSS ialah nilai piawai yang digunakan untuk mengukur dan menerangkan dimensi elemen, jarak dan sifat lain. Ia digunakan untuk menentukan saiz, kedudukan, jarak, saiz fon, dll. sesuatu elemen. Unit CSS boleh dibahagikan kepada dua kategori: unit mutlak dan unit relatif.
1. Unit mutlak:
- Piksel (px): Piksel ialah unit mutlak yang paling biasa digunakan, mewakili piksel fizikal pada skrin. Pixel ialah unit yang agak tetap dan mungkin sepadan dengan saiz fizikal yang berbeza pada peranti yang berbeza.
- Inci (in): Inci ialah unit standard antarabangsa, 1 inci bersamaan dengan 2.54 sentimeter.
- Sentimeter (cm): Sentimeter ialah unit standard antarabangsa, 1 sentimeter bersamaan dengan 10 milimeter.
- Milimeter (mm): Milimeter ialah unit standard antarabangsa, 1 milimeter bersamaan dengan 0.1 sentimeter.
- Point (pt): Point ialah unit yang biasa digunakan dalam industri percetakan, 1 point bersamaan dengan 1/72 inci.
- Titik cetakan berganda (pc): Titik cetakan berganda ialah unit yang biasa digunakan dalam industri percetakan, 1pc bersamaan dengan 12 mata.
2. Unit relatif:
- Peratus (%): Unit peratusan dikira secara relatif kepada saiz elemen induk. Sebagai contoh, jika lebar elemen ditetapkan kepada 50%, lebarnya ialah separuh lebar elemen induknya.
- em (em): Unit em dikira relatif kepada saiz fon elemen. Sebagai contoh, jika saiz fon elemen ditetapkan kepada 2em, maka dimensinya akan menjadi dua kali ganda saiz fon elemen induk.
- rem (rem): Unit rem dikira relatif kepada saiz fon elemen akar (iaitu, elemen html). Tidak seperti em, pengiraan unit rem tidak dipengaruhi oleh saiz fon elemen induk.
- Lebar viewport (vw): Unit vw mewakili peratusan lebar viewport. Port pandangan merujuk kepada kawasan yang boleh dilihat pada tetingkap penyemak imbas atau skrin peranti. Sebagai contoh, jika lebar elemen ditetapkan kepada 50vw, maka lebarnya akan menjadi separuh lebar ruang pandang.
- Ketinggian viewport (vh): Unit vh mewakili peratusan ketinggian viewport. Sebagai contoh, jika ketinggian elemen ditetapkan kepada 50vj, maka ketinggiannya ialah separuh daripada ketinggian viewport.
- Saiz minimum viewport (vmin): Unit vmin mewakili peratusan lebar port pandang yang lebih kecil dan ketinggian port view. Sebagai contoh, jika ketinggian elemen ditetapkan kepada 50vmin, ketinggiannya akan menjadi separuh lebih kecil daripada lebar port pandangan atau ketinggian port pandangan.
- Saiz maksimum viewport (vmax): Unit vmax mewakili peratusan yang lebih besar daripada lebar viewport dan ketinggian viewport.
Pilihan unit CSS bergantung pada keperluan khusus dan keperluan reka bentuk. Unit mutlak sesuai untuk elemen bersaiz tetap dan takrifan gaya tipografi, manakala unit relatif sesuai untuk reka letak responsif dan pembangunan peranti mudah alih. Dengan memilih dan menggabungkan unit ini secara rasional, susun atur yang fleksibel dan definisi saiz boleh dicapai, memberikan pengalaman pengguna yang baik. Di samping itu, anda juga perlu memberi perhatian kepada penukaran dan keserasian antara unit yang berbeza untuk mengelakkan kekeliruan dimensi atau paparan yang tidak normal.
Atas ialah kandungan terperinci apakah unit css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!