引入方式

1. 嵌入式
2. 外鏈式
3. 行內式

選擇器

1. 基本選擇器
   
2. 複合選擇器
   
3. 偽類選擇器
   用來給超連結的不同狀態設定樣式
   偽類選擇器都是帶有冒號
   
   

/*對超級連結進行美化*/
/*正常狀態和訪問後的狀態*/
a:link,a:visited{
    text-decoration: none;
    color: #444;
}
/*滑鼠放上的狀態*/
a:hover{
    color: #f00;
    text-decoration: underline;
}

4. 屬性選擇器
   

屬性

1. 尺寸樣式屬性
   
2. 文字屬性
   line-height 行高當line-height的值和height的值相等時，文字垂直方向居中
   
   
3. 字型屬性
   
4. 列表樣式屬性
   
5. 背景樣式屬性
   
   

特性

1. 繼承性
   外層元素的樣式會被記憶體元素所繼承

   只有文字和字型屬性可以

2. 優先順序
   行內樣式(1000)＞id選擇器(100)＞類選擇器(10)＞標籤選擇題(1)

   一般而言，選擇器指向的越準時，優先順序越高
   權重值越大優先順序越高

3. !important屬性
   主要用來提升屬性的權重值，其屬性的權重值為無窮大
   格式：屬性:值 !important;

   提升屬性的權重，而不是選擇器的權重
   不能提升繼承過來的權重

4. 標準文件流
   高矮不齊，底部對齊
   空白摺疊現象

5. 一個標籤可以攜帶多個類名

   如果一個標籤內的多個類名上面設定的樣式一樣的話，就會出現樣式衝突，那麼是以CSS中的程式碼作為標準（寫在後面的生效），和html中class的屬性值的順序沒有歡喜

6. 標準文件流
   空白摺疊現象:

   元素直接寫換行在瀏覽器中以空格顯示，元素寫在同一行之後沒有間隔

   高矮不齊，底部對齊：

   同一行的元素底部對齊