css3單位是什麼

在css3中，單位是一種量度單位，可分為兩種類型：1、尺寸單位，用於表示長度，包括em、rem、vw、vh、%等相對長度單位和px 、cm、pc等絕對長度單位；2、顏色單位，用來表示顏色，包括顏色名稱（例red）、「rgb(x,x,x)」等等。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css3中，單位是一種量度單位，可分為兩種：尺寸單位和顏色單位。

css尺寸單位：

css尺寸單位有很多，可謂五花八門，但基本上可分為兩大類：相對長度單位、絕對長度單位。

相對長度單位

相對長度單位指定了一個長度相對於另一個長度的屬性。對於不同的設備相對長度更適用。

##vh #viewpoint height，視窗高度，1vh=視窗高度的1%#vminvw和vh中較小的那個。 vmaxvw和vh中較大的那個。 % 

單位	描述
#em	它是描述相對於應用在當前元素的字體尺寸，所以它也是相對長度單位。一般瀏覽器字體大小預設為16px，則2em == 32px;
#ex	依賴英文字母小x 的高度
#ch	數字0 的寬度
rem	rem 是根em（root em）的縮寫，rem作用於非根元素時，相對於根元素字體大小；rem作用於根元素字體大小時，相對於其出初始字體大小。
vw	viewpoint width，視窗寬度，1vw=視窗寬度的1%

#提示: rem與em有什麼差別呢？差別在於使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。

絕對長度單位

絕對長度單位是一個固定的值，它反應一個真實的物理尺寸。絕對長度單位視輸出媒體而定，不依賴環境（顯示器、解析度、作業系統等）。

單位描述#cm公分毫米像素(1px = 1/96th of 1in)point，約1/72吋；(1pt = 1/72in)

	mm
	in
	#px *
	pt

pc

pica，約12pt，1/6吋；(1pc = 12 pt)

#像素或許被認為是最好的"裝置像素"，而這種像素長度和你在顯示器上看到的文字螢幕像素無關。 px實際上是一個以角度度量的單位。 描述顏色名稱(例如red)RGB 值(例如rgb(255,0,0))RGB 百分比值(例如rgb( 100%,0%,0%))

顏色單位：
	#(顏色名稱)
	#rgb(x,x,x)
	#rgb(x%, x%, x%)

#rrggbb十六進位數(例如#ff0000)

########################################################### #####（學習影片分享：###css影片教學###、###web前端###）###

以上是css3單位是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！