目錄

1.字體樣式

2.文本樣式

3.鼠標(biāo)樣式 cursor

4.背景樣式

5.列表樣式

6.CSS偽類

7.盒子模型

---

1.字體樣式

font-family? ? 字體類型：隸書(shū)” ?“楷體”? ? ?

font-size? ? 字體大小：像素px

font-weight? ? 字體粗細(xì)：bold 定義粗體字符 100-900?

font-style? ? 字體風(fēng)格：normal? 默認(rèn)值? italic ?斜體

font? ? 字體屬性：字體風(fēng)格 字體粗細(xì) 字體大小 字體類型（順序不能變）

2.文本樣式

color? ? 設(shè)置文本顏色

text-align? ? 設(shè)置元素水平對(duì)齊方式：left左對(duì)齊? center居中? right右對(duì)齊

text-indent? ? 設(shè)置首行文本的縮進(jìn)

line-height? ? 設(shè)置文本的行高

text-decoration? ? 設(shè)置文本的裝飾：none默認(rèn)??underline下劃線? overline上劃線

3.鼠標(biāo)樣式 cursor

cursor? ??default-默認(rèn)光標(biāo)? pointer超鏈接指針? wait等待狀態(tài)? crosshair鼠標(biāo)呈現(xiàn)十字狀? text指示文檔? help指示可用的幫助

4.背景樣式

background-color?? ?背景顏色

background-image?? ?背景圖片?? ?url

background-repeat?? ?背景重復(fù)方式?? ?no-repeat

background-position?? ?背景定位?? ?

5.列表樣式

list-style-type? ??列表標(biāo)記屬性

list-style-image? ??自定義列表標(biāo)記圖片

list-style-position? ??列表標(biāo)記定位

list-style? ? 簡(jiǎn)寫（列表標(biāo)記屬性?自定義列表標(biāo)記圖片?列表標(biāo)記定位）

6.CSS偽類

用于向某些選擇器添加特殊的效果，偽類通常是動(dòng)態(tài)產(chǎn)生的，臨時(shí)的，并非常駐屬性。

link? ? 單擊訪問(wèn)前

visited? ? 單擊訪問(wèn)后

hover? ? 鼠標(biāo)懸浮其上

active? ? 單擊未釋放

7.盒子模型

border-style? ? 四個(gè)邊框的邊框線? none 無(wú)邊框；solid 實(shí)線邊框；dashed 虛線邊框；dotted 點(diǎn)狀邊框；hidden與none相同，應(yīng)用于解決邊框沖突

border-color? ? 四個(gè)邊框的顏色

border-width? ? 四個(gè)邊框的粗細(xì)

border? ? 同時(shí)設(shè)置四個(gè)邊框的粗細(xì)、顏色、樣式

margin? ? 外邊距

padding ? ?內(nèi)邊距

box-sizing ? ?與padding組合使用? content-box ?盒子的實(shí)際寬度和高度僅應(yīng)用于元素內(nèi)容，不包括內(nèi)邊距和邊框；border-box ?盒子的實(shí)際高度和寬度包括元素內(nèi)容、邊框和內(nèi)邊距；