Apakah unit css3

Dalam CSS3, unit ialah unit ukuran, yang boleh dibahagikan kepada dua jenis: 1. Unit saiz, digunakan untuk menyatakan panjang, termasuk em, rem, vw, vh, % dan unit panjang relatif lain dan px , cm, pc dan unit panjang mutlak lain; 2. Unit warna, digunakan untuk mewakili warna, termasuk nama warna (seperti merah), "rgb(x,x,x)", dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam CSS3, unit ialah unit ukuran dan boleh dibahagikan kepada dua jenis: unit saiz dan unit warna.

unit saiz css:

Terdapat banyak unit saiz css, yang boleh digambarkan sebagai pelbagai, tetapi pada asasnya ia boleh dibahagikan kepada dua kategori: unit panjang relatif , unit panjang mutlak.

Unit panjang relatif

Unit panjang relatif menentukan sifat satu panjang berbanding panjang yang lain. Ia lebih sesuai untuk panjang relatif peranti yang berbeza.

单位	描述
em	它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；
ex	依赖于英文字母小 x 的高度
ch	数字 0 的宽度
rem	rem 是根 em（root em）的缩写，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。
vw	viewpoint width，视窗宽度，1vw=视窗宽度的1%
vh	viewpoint height，视窗高度，1vh=视窗高度的1%
vmin	vw和vh中较小的那个。
vmax	vw和vh中较大的那个。
%

Petua: Apakah perbezaan antara rem dan em? Perbezaannya ialah apabila menggunakan rem untuk menetapkan saiz fon untuk elemen, ia masih saiz relatif, tetapi ia hanya relatif kepada elemen akar HTML.

Unit panjang mutlak

Unit panjang mutlak ialah nilai tetap yang mencerminkan saiz fizikal sebenar. Unit panjang mutlak bergantung pada medium keluaran dan bebas daripada persekitaran (monitor, resolusi, sistem pengendalian, dsb.).

单位	描述
cm	厘米
mm	毫米
in	英寸 (1in = 96px = 2.54cm)
px *	像素 (1px = 1/96th of 1in)
pt	point，大约1/72英寸； (1pt = 1/72in)
pc	pica，大约 12pt，1/6英寸； (1pc = 12 pt)

piksel boleh dianggap sebagai "piksel peranti" terbaik dan panjang piksel ini tiada kaitan dengan piksel skrin teks yang anda lihat pada monitor anda. px sebenarnya adalah unit yang diukur dalam darjah.

Unit warna:

单位	描述
(颜色名)	颜色名称 (比如 red)
rgb(x,x,x)	RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)	RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb	十六进制数 (比如 #ff0000)

(Belajar perkongsian video: tutorial video css, depan web -akhir )

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