Dalam CSS, unit mutlak dipanggil "unit panjang mutlak", iaitu nilai tetap yang mencerminkan saiz fizikal sebenar unit mutlak bergantung pada medium keluaran dan tidak bergantung pada persekitaran (paparan, resolusi), sistem pengendalian, dsb.). Unit mutlak CSS termasuk cm (sentimeter), mm (milimeter), in (inci), px (piksel), pt (mata) dan pc (picas).
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Unit panjang CSS boleh dibahagikan kepada: unit panjang relatif dan unit panjang mutlak.
Unit relatif
Unit panjang relatif menentukan sifat satu panjang berbanding panjang yang lain. Ia lebih sesuai untuk peralatan yang berbeza dan panjang relatif.
单位 | 描述 |
---|---|
em | 它是描述相对于应用在当前元素的字体尺寸,所以它是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px |
ex | 依赖于英文字母小x的高度 |
ch | 数字0的宽度 |
rem | rem是根(root em)的缩写,相对于根元素字体大小(相对的只是HTML根元素); |
vw | viewpoint width,视窗宽度,1vw = 视窗宽度的1% |
vh | viewpoint height,视窗高度,1vh = 视窗高度的1% |
vmin | vw和vh中较小的一个 |
vmax | vw和vh中较大的一个 |
Unit mutlak
Unit panjang mutlak ialah nilai tetap yang mencerminkan saiz fizikal sebenar. Unit panjang mutlak bergantung pada medium output dan tidak bergantung pada persekitaran (monitor, resolusi, sistem pengendalian, dll.)
单位 | 描述 |
---|---|
cm | 厘米 |
mm | 毫米 |
in | 英寸(1in= 96px = 2.54cm) |
px | 像素 |
pt | point (1pt = 1/72in) |
pc | pica 大约12pt(1pc = 12pt) |
unit css px --- panjang yang paling biasa digunakan unit
px, juga dikenali sebagai: piksel, ialah unit bersaiz tetap media skrin (iaitu, dibaca pada skrin komputer), dan merupakan unit yang diukur dalam sudut. Satu piksel adalah sama dengan satu titik pada skrin komputer (iaitu: pembahagian terkecil bagi resolusi skrin), dan halaman web boleh dipaparkan dengan sempurna tepat setiap piksel. Mari lihat cara untuk menyediakannya, contohnya:
.demo{ font-size: 40px; }
unit pc css
pc: Kad pai (Pica) adalah bersamaan dengan saiz jenis No. 4 baru negara saya.
.demo{ font-size: 4pc; }
css pt unit
pt: Titik, unit panjang mutlak
.demo{ font-size: 40pt; }
css dalam unit
dalam: Inci, unit ukuran fizikal, Tetapi dalam dunia CSS, inci hanya dipetakan terus ke piksel.
.demo{ font-size: 0.5in; }
unit css mm
mm: Milimeter, ialah A fizikal unit ukuran tertib magnitud yang kecil.
.demo{ font-size: 10mm; }
css cm unit
cm: Sentimeter, untuk yang terbesar di dunia Kebanyakan orang biasa dengan unit ukuran fizikal yang berguna. Dalam css ia juga dipetakan kepada piksel.
.demo{ font-size: 1cm; }
Pengetahuan yang diperluas:
Mari kita lihat bagaimana unit panjang ini ditukar:
1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
Di bawah ini kami memberikan formula untuk penukaran bersama pt dan px:
px = pt *(96/72) pt=px*(72/96)
(Belajar perkongsian video: Bermula dengan bahagian hadapan web)
Atas ialah kandungan terperinci Apakah unit mutlak css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!