顏色和單位
顏色單位
1.命名顏色 如red white gray olive(橄欖色)
2.16進位制顏色(紅 綠 藍 基本色)如#afaf56 (0~9 a~f)
3.rgb(0~255,0~255,0~255)或rgb(10%,0%,100%)不是所有瀏覽器都支援rgb的百分比
4.rgba(0~255,0~255,0~255,0~1) 0~1表示不透明度黑色啦 alpha
5.hsl(0~360,0%~100%,0%~100%)hue色調 saturation飽和度 lightness亮度
目前運用最廣的
6.hsla(0~360,0%~100%,0%~100%,0~1) 0~1透明度
7.網路安全色(216個) 各種瀏覽器各種機器都可以無損失無偏差輸出的色彩集合
網路安全色是當紅色(Red)、綠色(Green)、藍色(Blue)顏色數字訊號值(DAC Count)為0、51、102、153、204、255時構成的顏色組合,它一共有 6 * 6 * 6 = 216 種顏色(其中彩色為210種,非彩色為6種)
CSS的單位
絕對單位
英寸(in),釐米(cm),毫米(mm),磅(pt),pica(pc)
1in=2.54cm ,1cm=0.394in
pt是標準的印刷量度,一般用來設定文字的大小,廣泛用於印表機,文字程式,72pt=1in=2.54cm
相對單位:em ex px
指在度量時需要參照其他頁面元素的單位值,比如螢幕解析度,可視區域的寬度,客戶個人的設定等,這些參照單位會隨著參照標準的變化而發生變化
1em就是當前字型的font-size的值 如font-size:16pt 則1em=16pt
ex是以給定字型的小寫字母“x”高度作為基準 不同字型則高度不一定相同
px也稱為畫素,目前使用最廣泛的度量單位 1px是電腦螢幕上的一個小方格