css樣式分類、定義、優先順序

1、樣式分類：

    1）內聯樣式：style=" ",只能在本標籤下使用

    2）內部樣式：class="樣式名稱"；只能在本頁面使用該樣式

    3）外部樣式：<link rel="stylesheet" type="text/css" href="wai.css">，在本站點下面的所有的頁面都可以使用

2、樣式的定義：

   1）：類別（選擇器）樣式class(可以在一個頁面裡面多次使用)
     .類別名稱{
      樣式內容
     }
      每一個屬性結束要用分號;結束
    2）：id選擇器（具有唯一性）即：在一個頁面裡id只能使用一次
     #id名稱{
      樣式內容
     }
    3）：標記標籤名（div span p a img table  tr td i b ul li ol）
       標記標籤名（如：div）{
      樣式內容
       }
    4）：瀏覽器自帶的一些css標記

3、樣式優先順序：
    1).在同一個編輯標籤裡面：內聯樣式的優先順序大於內部樣式的優先順序（就近原則）
    2).在同一個標記標籤裡，id選擇器的優先順序大於類別選擇器class的優先順序
    3).在同一個標籤裡有多個class時<style>越往下面的樣式的優先順序越高（注：套用類別樣式時：class="home work"）
    .class在同一個標記標籤裡面，class的優先順序大於標記標籤

4、css註釋：/*  註釋內容 */   

5、*{樣式內容}：是給本頁面下所有標記設定樣式；body{樣式內容}：給主體內設定樣式；建議使用body{}

6、字型樣式：
     顏色:color  16進位制:#666666; rgb() rgba()(raba(顏色，顏色，顏色，透明度)) 
     大小:font-size  單位：px（畫素）
     行高:line-height :2em; （如果只有一行可以用來做垂直/豎直方向居中對齊）
     對齊方式:text-align:left/center/right    vertical-algin 
     下劃線:text-decoration （預設字型為藍色，帶下劃線）:none無 underline下劃線   overline上劃線   linethrought刪除線
     字型加粗:text-weight:bold; 
     首行縮排:text-ident 單位：em  1em代表一個漢字寬度（12-16px）