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樣式 > 類別樣式 > 標記樣式