顏色
-
RGB
(紅,綠,藍)三種顏色的集合,最低值是0(十六進制00)到最高值255(十六進制FF)
-
HSL
H色相(0-360),S飽和度(百分比),L亮度(百分比)
-
(不)透明度
rgba、hsla (新版瀏覽器可不寫a,直接寫4個值)
line-height
行間距(letter-spacing字母間間距,word-spacing 單詞間距 )
| 值 | 描述 |
|---|---|
| normal | 默認,設定合理的行間距, |
| number | 設定數字,此數字會與當前的字體尺寸相乘來設定行間距, |
| length | 設定固定的行間距, |
| % | 基于當前字體尺寸的百分比行間距, |
| inherit | 規定應該從父元素繼承 line-height 屬性的值, |
background
1. background-position
background-position屬性用于指定背景影像的位置,它可以采用的取值及其含義如下:
length:用長度值指定背景影像的位置,取值范圍為像素、百分比等,percentage:用百分比值指定背景影像的位置,表示相對于背景區域寬度和高度的百分比,left/center/right:用關鍵詞指定背景影像的水平位置,取值為left表示左對齊,取值為center表示居中,取值為right表示右對齊,top/center/bottom:用關鍵詞指定背景影像的垂直位置,取值為top表示頂端對齊,取值為center表示居中,取值為bottom表示底部對齊,x y:用坐標值指定背景影像的位置,表示相對于背景區域左上角的坐標值,
2. background-size
background-size屬性用于指定背景影像的大小,它可以采用的取值及其含義如下:
length:用長度值指定背景影像的寬度和高度,取值范圍為像素、百分比等,percentage:用百分比值指定背景影像的寬度和高度,表示相對于背景區域寬度和高度的百分比,auto:背景影像自適應寬度和高度,cover:拉伸或壓縮背景影像使其填充整個背景區域,可能會導致背景影像被裁剪,contain:拉伸或壓縮背景影像使其全部顯示在背景區域中,可能會在背景區域內留有空白,
3. background-repeat
background-repeat屬性用于指定背景影像的重復方式,它可以采用的取值及其含義如下:
repeat:沿x軸和y軸重復背景影像,以填充整個背景區域,repeat-x:沿x軸重復背景影像,y軸方向不做處理,repeat-y:沿y軸重復背景影像,x軸方向不做處理,no-repeat:不重復背景影像,只在背景區域內呈現一次,
復合寫法:
background: url或顏色 no-repeat center/cover;
斜杠不能少
未完待續......
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/555112.html
標籤:Html/Css
下一篇:返回列表
