CSS中常用的屬性
字體屬性
Font-family 字體族科
Font-size 字體大小
Font-style 字體樣式
Font-weight 字體加粗 normal |bold(加粗)|lighter(變細)
Font-variant 字體變形 normal|small-caps
Font:[字體風格] [字體變形] [字體加粗] <字體大小>[/行高] <字體族科>
顏色屬性
Color
背景屬性
Background-repeat: 背景重復
Repeat-x(x軸方向重復) | repeat-y(y軸方向重復) |no-repeat（不重復）
Background-attachment: 背景附件
Background-position:背景位置
Left|center|right( 橫向)
Top|center|bottom(縱向)
像素
註意:background-position 兩個值之間需要使用空格隔開
Background:<背景顏色>|<背景圖片>|<背景重復>|<背景附件>|<背景位置>
每個屬性中間都要用空格隔開
- 邊框屬性
border-style 邊框樣式
值:
dotted 點線
Dashed 虛線
Solid 實線
Double 雙實線
Groove 槽狀線
Ridge 脊線
Inset 內嵌效果
Outset 外凸效果
Border-width 邊框寬度
Border-color 邊框顏色
Border:邊框寬度 邊框樣式 邊框顏色;
文本屬性
Letter-spacing 字母間隔
Word -spacing 詞間距
Text-decoration 文本修飾
None(默認值) 通常我們使用這個屬性將a標簽的默認下劃線取消
Underline 定義文本下的一條線
Overline 定義文本上的一條線
Line-through 定義穿過文本中的一條線
Text-align 對齊方式
Justify 將我們的文字貼近我們的邊框 將我們的空白留給中間
Text-indent 文本縮進 2em
line-height 設置行間距離(行高)
5. 鼠標光標屬性
Cursor
Text 文本
Crosshair 十字架
Wait 等待
Help 幫助
Pointer 小手
6.列表屬性
List-style-type 列表樣式類型
值：
Disc 實心點
Circle 圓圈
Square 小方塊
Decimal 數字
Lower-roman 小寫羅馬字
Upper-roman 大寫羅馬字
Lower-alpha 小寫字母
Upper-alpha 大寫字母
None 沒有標識
List-style-image 列表樣式圖片
url()
List-style-position 列表樣式位置
Inside 表示在li裏面
Outside 表示在li外面(默認值)
CSS中常用的屬性