單位
說明相容性
em相對長度單位，相對於當前物件內文字的字型尺寸， 根據父元素的大小變化而變化
良好rem
相對長度單位，相對於跟元素（ 即 html 元素）font-size 的倍數， 不會被它的父元素影響
ie9+、火狐 3.6+、 safari5.0+
vw相對於視口的寬度， 視口被均分為 100 單位的vw
高版本瀏覽器均支援
vh相對於視口的寬度， 視口被均分為 100 單位的vh
高版本瀏覽器均支援
相當於「 倍」 ，比如設定當前的 div 字型大小為 1.5em，則當前的 div 的字
體大小為：當前 div 繼承的字型大小*1.5 倍。
**：
.div
.p.span
style>
class="div">div 標籤中的文字大小為 20px
class="p">p 標籤中的文字大小為 2em
class="span">span標籤中的文字大小為0.5emspan>
p>
div>
說明：
單位 em 是隨著父元素大小的變化而變化，div 是 p 的父元素，p 是
span 的父元素，所以 p 標籤的大小受制於 div 標籤，span 標籤的大小受制
於 p 標籤，不受制於 div 標籤。
div 標籤的字型大小是 20px，p 標籤的大小是 40px，span 標籤的字型大小
是 20px
這裡的 r 是 root 的意思，就是相對於根節點來進行縮放，如果有巢狀的關
系，巢狀關係的元素的字型大小始終按照根節點的字型大小進行縮放
**：
html
.div
.p.span
style>
class="div">div 標籤中的文字大小為 30px
class="p">p 標籤中的文字大小為 1rem
class="span">span 標 籤 中 的 文 字 大 小 為
0.5remspan>
p>
div>
說明:
rem 單位是根據根節點的大小來設定的，也就是根據 html 的大小來
設定的，跟父元素沒有關係，所以 p 標籤的字型大小是 16px，span 標籤的
字型大小是 8px。
全稱是 viewport width 和 viewport height，視窗的寬度和高度，相當於
螢幕寬度和高度的 1%，不過，處理寬度的時候%單位更合適，處理高度的
話 vh 單位更好。
**：
body
.pstyle>
class="p">p 標籤的寬度為 50vwp>
說明：
1 個 vw 相當於頁面寬度的 1%，比如頁面寬度是 1000px，那麼 1vw
就是 10px，vh 同理。
p 標籤的寬度是 50vw，所以就是頁面寬度的 50%，高度是 50vh，所以就
是頁面高度的 50%。
關於視口高度和寬度兩者的最小值或者最大值。
比如，瀏覽器的寬度設定為1200px，高度設定為800px， 1vmax = 1200/100px = 12px， 1vmin = 800/100px = 8px。如果寬度設定為600px,高度設定為1080px, 1vmin就等於6px, 1vmax則未10.8px。
有乙個元素，你需要讓它始終在螢幕上可見：
.box
.box
CSS中的度量單位
px 相對長度單位。畫素 pixel 畫素是相對於顯示器螢幕解析度而言的。em相對長度單位。相對於當前物件內文字的字型尺寸。如當前行文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。ex相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前行文字的字型尺寸未被人為設定，則相...
CSS顏色與度量單位
顏色表方案顏色的表現形式主要有三種方式 顏色名稱 p解釋 這是將乙個段落內的文字設定為紅色，採用的是英文顏色名稱 解釋 rgb r,g,b 用rgb模型表示顏色 如rgb 0,128,128 rgba r,g,b,a 同上，a表示透明度0 1之間，如rgba 0,128,128,0.5 hsl h,...
常用的CSS度量單位
em 相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。px 畫素 pixel 相對長度單位...