溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css3單位指的是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇css3單位指的是什么文章都會有所收獲，下面我們一起來看看吧。
在css3中，單位是一種量度單位，可分為兩種類型：1、尺寸單位，用于表示長度，包括em、rem、vw、vh、%等相對長度單位和px、cm、pc等絕對長度單位；2、顏色單位，用于表示顏色，包括顏色名（例red）、“rgb(x,x,x)”等等。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css3中，單位是一種量度單位，可分為兩種類型：尺寸單位和顏色單位。
css尺寸單位：
css尺寸單位有很多，可謂五花八門，但基本上可分為兩大類：相對長度單位、絕對長度單位。
相對長度單位
相對長度單位指定了一個長度相對于另一個長度的屬性。對于不同的設備相對長度更適用。
| 單位 | 描述 |
|---|---|
| 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中較大的那個。 |
| % |
提示: rem與em有什么區別呢？區別在于使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。
絕對長度單位
絕對長度單位是一個固定的值，它反應一個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴于環境（顯示器、分辨率、操作系統等）。
| 單位 | 描述 |
|---|---|
| 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) |
像素或許被認為是最好的"設備像素"，而這種像素長度和你在顯示器上看到的文字屏幕像素無關。px實際上是一個按角度度量的單位。
顏色單位：
| 單位 | 描述 |
|---|---|
| (顏色名) | 顏色名稱 (比如 red) |
| rgb(x,x,x) | RGB 值 (比如 rgb(255,0,0)) |
| rgb(x%, x%, x%) | RGB 百分比值 (比如 rgb(100%,0%,0%)) |
| #rrggbb | 十六進制數 (比如 #ff0000) |
關于“css3單位指的是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“css3單位指的是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
