1.在css中如何通過color屬性來修改文字顏色
格式: color: 值;
取值:
1.1英文單詞
一般情況下常見的顏色都有對應的英文單詞, 但是英文單詞能夠表達的顏色是有限制的, 也就是說不是所有的顏色都能夠通過英文單詞來表達
1.2rgb
rgb其實就是三原色, 其中r(red 紅色) g(green 綠色) b(blue 藍色)
格式: rgb(0,0,0)
那麼這個格式中的
第乙個數字就是用來設定三原色的光源元件紅色顯示的亮度
第二個數字就是用來設定三原色的光源元件綠色顯示的亮度
第三個數字就是用來設定三原色的光源元件藍色顯示的亮度
這其中的每乙個數字它的取值是0-255之前, 0代表不發光, 255代表發光, 值越大就越亮
紅色: rgb(255,0,0);
綠色: rgb(0,255,0);
藍色: rgb(0,0,255);
黑色: rgb(0,0,0);
白色: rgb(255,255,255);
在前端開發中其實並不常用黑色
只要讓紅色/綠色/藍色的值都一樣就是灰色
而且如果這三個值越小那麼就越偏黑色, 越大就越偏白色
例如: color: rgb(200,200,200);
1.3rgba
rgba中的rgb和前面講解的一樣, 只不過多了乙個a
那麼這個a呢代表透明度, 取值是0-1, 取值越小就越透明
例如: color: rgba(255,0,0,0.2);
1.4十六進製制
在前端開發中通過十六進製制來表示顏色, 其實本質就是rgb
十六進製制中是通過每兩位表示乙個顏色
例如: #ffee00 ff表示r ee表示g 00表示b
什麼是十六進製制?
十六進製制和十進位制一樣都是一種計數的方式
在十進位制中取值範圍0-9, 逢十進一
在十六進製制中取值範圍0-f, 逢十六進一
9 a 10
b 11
c 12
d 13
e 14
f 15
10 16
11 17
12 18
十六進製制和十進位制轉換的公式
用十六進製制的第一位*16 + 十六進製制的第二位 = 十進位制
15 == 1*16 + 5 = 21
12 == 1*16 + 2 = 18
ff == f*16 + f == 15*16 + 15 == 240 + 15 = 255
00 == 0*16 + 0 = 0
1.5十六進製制縮寫
在css中只要十六進製制的顏色每兩位的值都是一樣的, 那麼就可以簡寫為一位
例如:注意點:
1.如果當前顏色對應的兩位數字不一樣, 那麼就不能簡寫
2.如果兩位相同的數字不是屬於同乙個顏色的, 也不能簡寫
CSS顏色屬性，邊框屬性
color name 顏色英文名稱命名 hex方式 十六進製制方式 rgb方式 三原色配色方式 r red 紅色 0 255 g green 綠色 0 255 b blue 藍色 0 255 a alpha 透明度 0 1之間 語法 rgba r,g,b,a h hue 色調 0 或360 表示紅色...
CSS顏色和背景屬性
一 介紹 1 backgroundcolor屬性 backgroundcolor屬性用於設定或檢索物件的背景顏色。其對應的樣式標籤屬性為background color屬性。語法 background color color 說明 在style物件中，樣式屬性與樣式標籤屬性的語法中的引數型別基本相同...
CSS3 5 顏色屬性
html5中新增了一些新的顏色的表示方式 1.rgba 說得簡單一點就是在rgb的基礎上加進了乙個通道alpha。rgba在rgb的基礎上多了控制alpha透明度的引數。以上r g b三個引數，正整數值的取值範圍為 0 255。百分數值的取值範圍為 0.0 100.0 超出範圍的數值將被截至其最接近...