Apakah unit susun atur biasa dalam CSS?

Unit susun atur CSS biasa ialah piksel, peratusan, em, rem, inci, sentimeter, milimeter, ketumpatan piksel, port pandangan dan peratusan. Pengenalan terperinci: 1. Piksel, biasanya digunakan untuk mengawal saiz dan kedudukan elemen dengan tepat 2. Peratusan, biasanya digunakan untuk melaksanakan susun atur responsif, biasanya digunakan untuk mengawal saiz fon dan ketinggian baris; Digunakan untuk mencapai susun atur responsif;

Sistem pengendalian tutorial ini: Sistem Windows 10, versi CSS3, komputer DELL G3.

CSS ialah bahasa yang digunakan untuk menerangkan gaya dan reka letak halaman web. Dalam CSS, terdapat banyak unit berbeza yang digunakan untuk mengukur dan meletakkan elemen halaman web. Berikut ialah beberapa unit reka letak CSS biasa:

Pixel (px): Pixel ialah unit yang paling biasa digunakan dalam CSS dan mewakili satu titik pada skrin. Saiz piksel bergantung pada resolusi skrin dan selalunya digunakan untuk mengawal saiz dan kedudukan elemen dengan tepat. Sebagai contoh, tetapkan lebar elemen kepada 100px bermakna elemen mengambil 100 piksel lebar pada skrin.

Peratus (%): Peratus mewakili saiz atau kedudukan elemen berbanding saiz atau kedudukan elemen induk. Sebagai contoh, menetapkan lebar elemen kepada 50% bermakna elemen tersebut mengambil 50% daripada elemen induk. lebar. Peratusan sering digunakan untuk melaksanakan reka letak responsif kerana ia melaraskan secara automatik berdasarkan saiz elemen induk.

em: em ialah unit relatif yang mewakili gandaan saiz atau kedudukan elemen berbanding saiz fon semasa. Contohnya, jika saiz fon semasa ialah 16px, maka 1em bersamaan dengan 16px. Jika saiz fon adalah 20px, maka 1em bersamaan dengan 20px. ems biasanya digunakan untuk mengawal saiz fon dan ketinggian baris.

rem: rem ialah unit relatif yang mewakili gandaan saiz atau kedudukan unsur berbanding saiz atau kedudukan unsur akar. Sebagai contoh, jika saiz elemen akar ialah 16px, maka 1rem adalah sama dengan 16px. Jika saiz elemen akar ialah 20px, maka 1rem bersamaan dengan 20px. rem sering digunakan untuk melaksanakan susun atur responsif kerana ia melaraskan secara automatik berdasarkan saiz elemen akar.

Inci (in): Inci ialah unit mutlak dalam CSS, yang mewakili panjang pada skrin. 1 inci bersamaan 2.54 sentimeter. Inci sering digunakan dalam gaya cetakan kerana ia memastikan dimensi yang konsisten merentas pencetak dan kertas yang berbeza.

Centimeter (cm): Sentimeter ialah unit mutlak dalam CSS, yang mewakili panjang pada skrin. 1 sentimeter bersamaan dengan 0.39 inci. Sentimeter sering digunakan untuk gaya cetakan kerana ia memastikan dimensi yang konsisten merentas pencetak dan kertas yang berbeza.

Millimeter (mm): Milimeter ialah unit mutlak dalam CSS, yang mewakili panjang pada skrin. 1 milimeter bersamaan dengan 0.039 inci. Milimeter sering digunakan untuk mengawal saiz dan kedudukan elemen dengan tepat.

Ketumpatan Pixel (dppx): Ketumpatan piksel ialah unit relatif dalam CSS yang mewakili gandaan saiz atau kedudukan elemen berbanding piksel peranti. Contohnya, jika peranti mempunyai ketumpatan piksel 1, maka 1dppx Sama dengan 1px. Jika peranti mempunyai ketumpatan piksel 2, maka 1dppx adalah sama dengan 2px. Ketumpatan piksel sering digunakan untuk melaksanakan reka letak responsif kerana ia melaraskan secara automatik berdasarkan kepadatan piksel peranti.

Viewport: Viewport ialah unit relatif dalam CSS, yang mewakili gandaan saiz atau kedudukan elemen berbanding saiz viewport. Contohnya, jika saiz port pandangan ialah 600px, maka 1viewport adalah sama dengan 600px. Jika saiz viewport ialah 800px, maka 1viewport adalah sama 800px. Viewports sering digunakan untuk melaksanakan reka letak responsif kerana ia secara automatik melaraskan kepada saiz skrin peranti.

Peratus (%): Peratus ialah unit relatif dalam CSS, yang mewakili saiz atau kedudukan elemen sebagai peratusan saiz atau kedudukan elemen induk. Contohnya, jika saiz elemen induk ialah 100px, maka 50% Menunjukkan bahawa saiz elemen ialah 50px. Jika saiz elemen induk ialah 200px, maka 50% bermakna saiz elemen ialah 100px. Peratusan sering digunakan untuk melaksanakan reka letak responsif kerana ia melaraskan secara automatik berdasarkan saiz elemen induk.

Di atas ialah beberapa unit susun atur CSS biasa. Unit yang berbeza sesuai untuk senario yang berbeza, dan anda perlu memilih unit yang sesuai mengikut keperluan khusus.

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