1. 程式人生 > >顏色和單位

顏色和單位

 

顏色單位

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

1pc=12pt

相對單位:em   ex    px

指在度量時需要參照其他頁面元素的單位值,比如螢幕解析度,可視區域的寬度,客戶個人的設定等,這些參照單位會隨著參照標準的變化而發生變化

1em就是當前字型的font-size的值  如font-size:16pt   則1em=16pt

ex是以給定字型的小寫字母“x”高度作為基準 不同字型則高度不一定相同

px也稱為畫素,目前使用最廣泛的度量單位 1px是電腦螢幕上的一個小方格