CSS(列表+表格+鏈接+自定義鼠標光標）樣式

1.CSS列表樣式

1.1 list-style-type屬性 （值可取none、circle、square、decimal、disc、lower-alpha）

有序列表：列表項目用數字或者字母來表示。

1. One
2. two
3. three

無序列表：列表項目用項目符號來表示。

• apple
• watermelon
• potato

list-style-type屬性的none值可以將列表的標記設置爲不顯示，在使用ul/ol進行一些網頁佈局（例如菜單）的時候較常使用到~

1.2 列表的list-style-image(圖標) 和 list-style-position(位置)

list-style-image: 將列表項設置爲圖片。
list-style-position:指定標記框的位置(值可取：inside、outside) outside是默認值

1.3 list-style屬性

list-style屬性包含三大屬性，是一個簡寫屬性：

ul {
   list-style: square outside none;
}

等價於

ul {
   list-style-type: square;
   list-style-position: outside;
   list-style-image: none;
}

2. css的表格樣式

2.1 border-collapse:指定表格邊框是否摺疊爲單個邊框或者默認分開。

2.2 border-spacing :在collapse是分開的前提下，用於設置間距。

2.3 caption-side:指定表格標題的位置 （top、bottom）

2.4 empty-cells:指定是否在空單元格上顯示邊框（show、hide）

2.5 table-layout:指定如何計算表格列的寬度（auto、fixed）

• auto:默認值當列或單元格寬度未明確設置時，列寬將與組成列的單元格中的內容量成比例。
• fixed:當列或單元格寬度未明確設置時，列寬將不受組成列的單元格中的內容數量的影響。

3.鏈接樣式

3.1 僞選擇器

• a:link 正常的未訪問鏈接樣式
• a:visited 訪問鏈接的樣式
• a:active 點擊並激活鏈接
• a:hover 當鼠標懸停的時候，連接懸停

注意事項：

1. a:hover 必須在a:link和a:visited之後
2. a:active 必須在a:hover之後

3.2文本鏈接樣式

默認情況下，文本鏈接由瀏覽器添加下劃線。

3.2.1 text-decoration:none;刪除文本鏈接下劃線

3.2.2 border:none; 從包含鏈接的圖像中刪除邊框

3.2.3 outline:none; 刪除IE中點擊鏈接行上的虛線邊框

4. cursor 自定義鼠標光標樣式

CSS允許開發者將鼠標懸停在元素上時設置所需的光標樣式。
常見取值表：

1. default - 默認光標
2. crosshair - 光標顯示爲十字準線
3. pointer - 光標顯示手形圖標