顏色和單位

2022-08-27 21:00:14 字數 1452 閱讀 8733

顏色單位

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.54cm1pc=12pt

相對單位:em   ex    px

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

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

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

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

文件流 顏色單位

網頁是乙個多層的結構,一層摞著一層 最底下的一層稱為文件流,文件流是網頁的基礎 我們所建立的元素預設都是在文件流中進行排列 所建立的元素主要有兩種狀態 2.1 rgb值 rgb通過三種顏色的不同濃度來調配出不同的顏色 r red g green b blue 每一種顏色的範圍在0 255 0 100...

css顏色單位表示法

所有的顏色都可以由紅 綠 藍三原色調配而成。css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256256256種顏色。css縱有多種顏色表示 十六進製制表示法 可表示為 rrggbb,其中rr 紅色 gg 綠色 和bb 藍色 所有值必須介於0和ff之間。例如 0000ff值...

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,...