Color Values顏色取值方法

2021-06-06 19:14:08 字數 595 閱讀 5861

css顏色取值,大家對於css2版本以下顏色名稱、十六進製制技法、rgb記法。

以上取值記法大家都和你熟悉,css3又有什麼更另類的取值方法呢?

rgba、hsl、hsla這三位大俠就是我們拭目以待的css3的顏色取值方法。

rgba

即在css2版本中rgb記法增加了支援透明度的元素,語法也是相當容易理解:rgba(255,0,0,0.5),這裡的透明度,取值方範圍在0-1。

hsl玩過ps的童鞋應該對於這個hsl應該是很熟悉的,依次表達的意思是:

h:hue(色調)。0(或360)表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為:0 - 360,其實它的單位是度

s: saturation(飽和度)。取值為:0.0% - 100.0%

l: lightness(亮度)。取值為:0.0% - 100.0%

語法:hsl(207,38%,47%)

hsla

這個也是在hsl的基礎上增加了支援透明度的元素,這裡的透明度,取值方範圍在0-1。

語法:hsl(207,38%,47%,0.5)

這些基本的顏色取值語法一定要牢記,如果有什麼疑問去論壇提問即可。

字型相關屬性 顏色取值

1 字型的大小 font size 數值 單位 px 預設值為16px 2 字型的顏色 color red 3 字型是否加粗 font weight bold 加粗 normal 正常 數值 100 900,100 500正常,600 900加粗 4 字型傾斜 font style italic 傾...

for迴圈取值

第一種 var arr var obj var new arr for var x 0 x arr.length x console.log new arr 結果為new arr 這並不是我想要的結果複製 第二種var arr var new arr for var x 0 x arr.length...

隨機取值問題

表 declare t table id int identity 1,1 group i int,value int,c int,d int insert into t select 1,1.1,null,null union all select 1,1.2,null,null union al...