CSS ABC

XHTML與HTML的重要區別

1. 在XHTML中標記名稱必須小寫

2. 在XHTML中屬性名稱必須小寫

3. 在XHTML中標記必須嚴格嚴格嵌套

4. 在XHTML中標記必須封閉

5. 在XHTML中,即使是空元素的標記也必須封閉

6. 在XHTML中屬性值用雙引號括起來

7. 在XHTML中屬性值必須使用完整形式

8. 在XHTML中,應該區分“內容標記”與“結構標記”

 

  • 在HTML中引入CSS的方法

     1.行內式

<h1 style="color:white;background-color:blue">

This is a line of Text.</h1>

     2.內嵌式

<style>

         h1{

                   color:white;

                   background-color:blue

                   }

</style>

     3.導入式

<style>

         @import"mystyle.css";

</style>

     4.鏈接式

<link href="mystyle.css" rel="stylesheet" />

 

  • 基本CSS選擇器

     1.標記選擇器:HTML標記

     2.類別選擇器:.類別名

     3.ID選擇器:#ID名

 

  • 複合選擇器

     1.“交集”選擇器

                   div .special {……}

                   div #special {……}

     2.“並集”選擇器

                   div, h1.first, p.special {……}

     3.後代選擇器

                   div h1.first span.firstLetter{……}

     4.子選擇器(IE6不支持)

                   p>span{……}

 

  • CSS的繼承特性

CSS繼承指的是子標記會繼承父標記的所有樣式風格,並可以在父標記樣式風格的基礎上再加以修改,產生新的樣式,而子標記的樣式風格完全不會影響父標籤

 

  • CSS的層疊特性

     優先級規則:行內樣式 > ID樣式 > 類別樣式 > 標記樣式

 

發佈了19 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章