單位與顏色表示（web作業）
阿新 • • 發佈：2018-11-12
在web設計的時候，經常涉及到某些有大小屬性的設定，這裡列舉出css中的尺寸的單位。
| 單位 | 描述 |
|---|---|
| % | 百分比 |
| in | 英寸 |
| cm | 釐米 |
| mm | 毫米 |
| em | 1em 等於當前的字型尺寸。 |
| 2em | 等於當前字型尺寸的兩倍，例如，如果某元素以 12pt 顯示，那麼 2em 是24pt。在 CSS 中，em 是非常有用的單位，因為它可以自動適應使用者所使用的字型。 |
| ex | 一個 ex 是一個字型的 x-height。 (x-height 通常是字型尺寸的一半。 |
| pt | 磅 (1 pt 等於 1/72 英寸) |
| pc | 12 點活字 (1 pc 等於 12 點) |
| px | 畫素 (計算機螢幕上的一個點) |
接下來介紹下關於在web中的顏色常用表示方法
1.英文單詞
如：red/bule/write······ [更多顏色名參考](http://www.w3school.com.cn/cssref/css_colornames.asp)
2.rgb();
rgb(red, green, blue)
每個引數 (red、green 以及 blue) 定義顏色的強度，可以是介於 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。
如：rgb(255,0,0)或rgb(100%,0,0)就代表最深的紅色
3.rgba();
這是在rbg的表示方法上增加了一個：透明度
透明度值（0~1）越小，透明度越大。
4.十六進位制；
每兩位表示rgb對於的r，g，b。如：#FF0000表示紅色
5.十六進位制縮寫；
當表示表示基本顏色的兩位數都一樣是可以用十六進位制縮寫。
如：#FF0000可以縮寫成#F00
如果你用的是sublime text，你可以安裝一個叫做Colorpicker的外掛，這樣你就不必擔心想用什麼顏色而不知道顏色對應的顏色值為多少
可以用Ctrl+shift+c調出顏色板
。