【學習筆記之CSS+DIV】CSS入門

CSS設計徹底研究第1章筆記

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