CSS層疊樣式表——定義樣式表

    定義樣式表

1  HTML標記定義

  <p>…</p>

  p{屬性:屬性值；屬性1：屬性值1}

  p可以叫做選擇器，定義那個標記中的內容執行其中的樣式

  一個選擇器可以控制若干個樣式屬性，他們之間需要用英語”;”隔開，最後一個可以不應加

2  Class定義

  <p class=”p”>…</p>

  class定義是以”.”開始

  .p{屬性:屬性值；屬性1：屬性值1}

3  ID 定義

  <p id=”p”>…</p>

  ID定義是”#”開始的

  #p{屬性:屬性值；屬性1：屬性值1}

4  優先順序問題

  ID>Class>HTML

  同級時選擇離元素最近的一個的,比如：  #p{color:red}   #p{color:#f60}  執行顏色為#f60

5  組合選擇器（同時控制多個元素）

  h1,h2,h3{font-size:14px;color:red;}

  選擇其組合可以使用”,”隔開

6  偽元素選擇器

  a:link  正常連線的樣式

  a:hover  滑鼠放上去的樣式

  a:active  選擇連結時的樣式

  a:visited  已經訪問過的連結的樣式

本文轉自 拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1979730