11網頁前端CSS CSS顏色屬性

2021-08-22 02:49:59 字數 880 閱讀 5517

一:color顏色屬性

1:hsl顏色:通過色調(h) 飽和度(s) 亮度(l) 三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色。

h:hue色調:0(或360)表示紅色,120表示綠色,240表示藍色,也可以取其他數值來指定。

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

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

2:hsla顏色:色調(h),飽和度(s),亮度(l),透明度(a)

h:hue色調:0(或360)表示紅色,120表示綠色,240表示藍色,也可以取其他數值來指定。

s:飽和度:取值為0.0%-100.0%

l:亮度:取值為0.0%-100.0%

a:透明度 alpha:取值為0-1之間。

3:rgb顏色:紅(r) 綠(g) 藍(b) 三個顏色通道的變化

r紅色:正整數| 百分數

g綠色:正整數| 百分數

b藍色:正整數| 百分數

以上三個引數,正整數數值的範圍為:0-255,百分比數值的取值範圍為:0.0%-100.0%

超出範圍的數值將被截至其最接近的取值極限。如:rgb(300,0,0)會被解析rgb(255,0,0)

正整數值255對應百分比數值100%,rgb(255,255,255)=rgb(100%,100%,100%)=#ffffff=#fff.

4:十六進製制色彩的表現方式

顏色構成:紅綠藍

取值範圍:0-9 a-f

color:#000000;簡寫成color:#000;

5:英文單詞

取色值得軟體:colorspy     識別顏色器

段落顏色

10網頁前端CSS CSS選擇器

1 優先順序 內聯式 嵌入式 外聯式 當樣式衝突時,就是採用就近原則。沒有樣式衝突時則採用疊加效果。一 css基礎語法 1 格式 選擇器其中選擇器也叫 選擇符。2 這裡的宣告是以 屬性 值 的形式,而且多個宣告之間用分號進行分割 3 h1 4 這裡的h1就是選擇器,當然這裡直接用標籤當做選擇器了,後...

13網頁前端CSS CSS背景屬性和文字屬性

一 背景屬性 1 background color 背景顏色 repeat 平鋪 no repeat 不平鋪 repeat x 按x軸平鋪 repeat y 按y軸平鋪 第乙個值 代表x軸的位置 兩個值 第乙個值代表x軸 第二個代表y軸 p二 文字屬性 1 text indent 首行縮排 2 te...

11 網頁布局 定位

為什麼需要定位?提問 以下情況使用標準流或者浮動能實現嗎?某個元素可以自由的在乙個盒子內移動位置,並且壓住其他盒子 當我們滾動視窗時,盒子是固定在螢幕某個位置的 以上效果,標準流或浮動都無法快速實現,此時需要定位來實現 所以 定位組成 定位 將盒子定在某乙個位置.所以定位也是在擺盒子,按照定位的方式...