站長(zhǎng)資訊網(wǎng)
在css3中，單位是一種量度單位，可分為兩種類(lèi)型：1、尺寸單位，用于表示長(zhǎng)度，包括em、rem、vw、vh、%等相對(duì)長(zhǎng)度單位和px、cm、pc等絕對(duì)長(zhǎng)度單位；2、顏色單位，用于表示顏色，包括顏色名（例red）、“rgb(x,x,x)”等等。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css3中，單位是一種量度單位，可分為兩種類(lèi)型：尺寸單位和顏色單位。
css尺寸單位：
css尺寸單位有很多，可謂五花八門(mén)，但基本上可分為兩大類(lèi)：相對(duì)長(zhǎng)度單位、絕對(duì)長(zhǎng)度單位。
相對(duì)長(zhǎng)度單位
相對(duì)長(zhǎng)度單位指定了一個(gè)長(zhǎng)度相對(duì)于另一個(gè)長(zhǎng)度的屬性。對(duì)于不同的設(shè)備相對(duì)長(zhǎng)度更適用。
| 單位 | 描述 |
|---|---|
| em | 它是描述相對(duì)于應(yīng)用在當(dāng)前元素的字體尺寸，所以它也是相對(duì)長(zhǎng)度單位。一般瀏覽器字體大小默認(rèn)為16px，則2em == 32px； |
| ex | 依賴(lài)于英文字母小 x 的高度 |
| ch | 數(shù)字 0 的寬度 |
| rem | rem 是根 em（root em）的縮寫(xiě)，rem作用于非根元素時(shí)，相對(duì)于根元素字體大?。籸em作用于根元素字體大小時(shí)，相對(duì)于其出初始字體大小。 |
| vw | viewpoint width，視窗寬度，1vw=視窗寬度的1% |
| vh | viewpoint height，視窗高度，1vh=視窗高度的1% |
| vmin | vw和vh中較小的那個(gè)。 |
| vmax | vw和vh中較大的那個(gè)。 |
| % |
提示: rem與em有什么區(qū)別呢？區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素。
絕對(duì)長(zhǎng)度單位
絕對(duì)長(zhǎng)度單位是一個(gè)固定的值，它反應(yīng)一個(gè)真實(shí)的物理尺寸。絕對(duì)長(zhǎng)度單位視輸出介質(zhì)而定，不依賴(lài)于環(huán)境（顯示器、分辨率、操作系統(tǒng)等）。
| 單位 | 描述 |
|---|---|
| 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) |
像素或許被認(rèn)為是最好的"設(shè)備像素"，而這種像素長(zhǎng)度和你在顯示器上看到的文字屏幕像素?zé)o關(guān)。px實(shí)際上是一個(gè)按角度度量的單位。
顏色單位：
| 單位 | 描述 |
|---|---|
| (顏色名) | 顏色名稱(chēng) (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六進(jìn)制數(shù) (比如 #ff0000) |
（學(xué)習(xí)視頻分享：css視頻教程、web前端）
