第1章 (X)HTML與CSS核心基礎
這一章重點介紹了4個方面的問題。先介紹了 HTML和XHTML的發展歷程以及需要注意的問題，然後介紹了如何將CSS引入HTML，接著講解了CSS的各種選擇器，及其各自的使用方法，最後中袋說明了CSS的繼承與層疊特性，以及它們的作用。
1.1 HTML與XHTML
HTML與XHTML是一種語言的不同階段，類似於文言文和白話文的關系。因為它們也常被寫作為（X）HTML。XHTML是HTML的“嚴謹版”。
1.1.1 追根溯源
1.1.2 DOCTYPE（文檔類型）的含義與選擇
“DOCTYPE”（文檔類型）的聲明，是告訴浏覽器，使用哪種規范來解釋這個文檔中的代碼。
HTML 4.01和XHTML1.0分別對應於一種嚴格（Strict）類型和一種過渡（Transitional）類型。 過渡類型兼容以前版本定義的，而在新版本中已經廢棄的標記和屬性。
嚴格類型則不兼容已經廢棄的標記和屬性。簡易使用XHTML1.0 過渡類型，這樣可以按照XHTML的標准書寫符合Web標准的網頁代碼。
1.1.3 XHTML與HTML的重要區別
在XHTML中標記名稱必須小寫；屬性名稱必須小寫；標記必須嚴格嵌套；即使是空元素的標記也必須封閉；屬性值必須用雙引號括起來；屬性值必須使用完整形式；應該區分“內容標記”和“結構標記”（例如<p>標記是內容標記，<table>標記是結構標記，不允許講<table>標記置於<p>內部，可將<p>標記置於<td></td>之間。）
1.2 （X）HTML與CSS
（X）HTML與CSS的關系就是“內容”與”形式“的關系，由（X）HTML確定網頁內容，通過CSS決定頁面的表現形式。
1.2.1 CSS標准簡介
1.2.2 在HTML中引入CSS的方法
在HTML中，引入CSS的方法 主要有：行內式、內嵌式、導入式、鏈接式4種。
1. 行內式：在標記的style屬性中設定CSS樣式，這種方式本質上沒有體現出CSS的優勢，因此不推薦使用。
2. 嵌入式：對頁面中的各種元素的設置集中在<head></head>之間。
3. 導入式和鏈接式：目的都是將一個獨立的CSS文件引入HTML文件中。鏈接式使用HTML的標記引入外部CSS文件，如
<link href="mystyle.css" rel="stylesheet" type="text/css" />.
導入式需使用： <style type="text/css"> @import"mystyle.css";</style>
1.3 基本CSS選擇器
選擇器（selector），基本選擇器有：標記選擇器、類別選擇器和ID選擇器3種。
1.3.1 標記選擇器
選擇器包含： 選擇器本身、屬性和值。
如 h1{ color:red,font-size:12px;}.
1.3.2 類別選擇器
類別選擇器的名稱由用戶自定義，屬性和值跟標記選擇器一樣，也必須符合CSS規范。 如 .class{color:green;}
最好通過標記選擇器定義 標記的全局顯示方案，再通過clss選擇器突出標記進行單獨設置。這樣可提高代碼的編寫效率。
1.3.3 ID選擇器
ID選擇器只能在HTML頁面中使用一次，針對性更強。
1.4 復合選擇器
復合選擇器是基本選擇器通過不同的連接方式構成。
1.4.1 “交集”選擇器
由兩個選擇器直接連接構成。第一個必須是標記選擇器，第二個必須是類別選擇器或者ID選擇器。不能有空格。 如 h3.class
1.4.2 "並集“選擇器
同時選中各個基本選擇器選擇的范圍。
*{ } 表示全局聲明。
1.4.3 後代選擇器
通過嵌套方式對特殊位置的HTML標記進行聲明。如 p span{} <p><span></span></p>
在構建HTML框架時，通常只給外層標記（父標記）定義class或id，內層標記能通過嵌套表示的則利用嵌套的方式。
1.5 CSS的繼承特性
1.5.1 所有的CSS語句都是基於各個標記之間的繼承關系的。在每一個分支中，稱上層標記為其下層標記的”父“標記；下層標記稱為上層標記的”子“標記。
1.5.2 CSS繼承的運用
CSS繼承指的是子標記會繼承父標記的所有樣式風格，並可以在附表及樣式風格的基礎上再加以修改，產生新的樣式，而子標記的樣式風格完全不會影響父標記。
1.6 CSS的層疊特性
優先級規則： 行內樣式>ID樣式>類別樣式>標記樣式。 越特殊的樣式，優先級越高。
兩個類別樣式優先級相同，以前者為准。 如 <div class="purple red"></div>, 以purple為准。