CSS的概述
1.1.1 CSS是什麽
CSS 通常稱為CSS樣式或層疊樣式表，主要用於設置HTML頁面中的文本內容（字體、大小、對其方式等）、圖片的外形（高寬、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。
CSS可以是HTML頁面更好看，CSS色系的搭配可以讓用戶更舒服，CSS+DIV布局更佳靈活，更容易繪制出用戶需要的結構。
1.1.2 CSS名詞解釋
CSS (Cascading Style Sheets) ：指層疊樣式表
樣式：給HTML標簽添加需要顯示的效果。
層疊：使用不同的添加方式，給同一個HTML標簽添加樣式，最後所有的樣式都疊加到一起，共同作用於該標簽。
1.1.3 CSS樣式規則
選擇器{屬性1:屬性值;屬性2:屬性值;..}
在上面的樣式規則中，“選擇器”用於指定CSS樣式作用的HTML對象，花括號內是對該對象設置的具體樣式。屬性和屬性值以鍵值對方式出現，使用英文冒號“:”分隔。多個屬性之間使用英文分號“;”分隔。例如：
`<style>
h2{
color:red;
font-size:100px;
}
</style>`
初學者在書寫CSS樣式時，除了要遵循CSS樣式規則，還必須註意CSS代碼結構中的幾個特點，具體如下：
l CSS樣式“選擇器”嚴格區分大小寫，“屬性”和“屬性值”不區分大小寫。
l 如果屬性的值由多個單詞組成且中間包含空格，則必須為這個屬性值加上英文狀態下的引號。例如：
[AppleScript] 純文本查看 復制代碼
?
1
p { font-family:"Times New Roman";}
l 在編寫CSS代碼時，為了提高代碼的可讀性，通常會加上CSS註釋，例如：
[AppleScript] 純文本查看 復制代碼
?
1
/ 這是CSS註釋文本,此文本不會顯示在瀏覽器窗口中 /
l 在CSS代碼中空格是不被解析的，花括號以及分號前後的空格可有可無。因此，可以使用空格鍵、Tab鍵、回車鍵等對樣式代碼進行排版，即所謂的格式化CSS代碼，這樣可以提高代碼的可讀性。例如：
?
1
h1{ font-size:20px; color:red; }
和
h1{
font-size:20px; / 定義字體大小屬性 /
color:red; / 定義顏色屬性 /
}
l 上述兩段代碼所呈現的效果是一樣的，但是，第二種書寫方式的可讀性更高。需要註意的是，屬性的值和單位之間是不允許出現空格的，否則瀏覽器解析時會出錯。例如，下面這行代碼就是不正確的。
[AppleScript] 純文本查看 復制代碼
?
h1{ font-size:20 px; } / 20和單位px之間有空格 /
1.1.4 引入CSS樣式
CSS使用非常靈活，及可以嵌入在HTML文檔中，也可以是一個單獨的文件，如果是單獨的文件，則必須以.css為擴展名。CSS和HTML的結合3種常用方式：
1) 行內樣式
行內樣式，是通過標簽的style屬性來設置元素的樣式。
[AppleScript] 純文本查看 復制代碼
<!--方式1：行內樣式
color : 表示字體顏色
font-size : 表示字體大小
-->
<a style="color: #f00; font-size: 30px;">傳智播客</a>
行內樣式通過標簽的屬性來控制樣式，這樣並沒有做到結構與表現（HTML展示結構、CSS顯示效果）相分離，所以一般很少使用。學習階段有時候為了快速編程，偶有使用。
2) 內部樣式
內部樣式又稱為內嵌式，是將CSS代碼集中卸載HTML文檔的<head>頭部標簽體中，並且使用<style>標簽定義。
給當前html文件中的多個標簽設置樣式。
在html的<head>標簽中使用<style>標簽來定義CSS
<!--方式2：內部樣式
background-color ： 表示背景色
-->
<style type="text/css">
body{
background-color: #ddd;
}
</style>
內嵌式CSS樣式只對其所在的HTML頁面有效，可以對多處標簽統一設置樣式，因此，僅設計一個頁面時，使用內嵌式是個不錯的選擇。但如果是一個網站，不建議使用這種方式，因為他不能充分發揮CSS代碼的重用優勢。
3) 外部樣式
外部樣式又稱為鏈入式，是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<link>標簽將樣式連接到HTML文檔中。
<!--方式3：外部樣式
rel="stylesheet" ,固定值，表示樣式表
type="text/css"，固定值，表示css類型
href ，表示css文件位置
font-family 表示使用的字體系列，多個字體使用逗號分隔。例如：“字體1,字體2,字體3”，此時優先使用“字體1”，如果“字體1”系統不存在，再使用“字體2”，以此類推。
-->
<link rel="stylesheet" type="text/css" href="css/demo00.css"/>
鏈入式最大的好處是同一個CSS樣式表可以被不同的HTML頁面鏈接使用，同時一個HTML頁面也可以通過多個<link />標記鏈接多個CSS樣式表。
優先級
CSS的概述