1、如何在HTML中引入CSS？
行內式：在HTML標籤的style屬性中編寫CSS代碼
嵌入式：在<head></head>中編寫CSS代碼
鏈接式：使用<link>鏈接外部CSS文件
<link type="text/css" rel="stylesheet" href="mycss.css" />
導入式：使用@import指令
<style type="text/css">
@import "mystyle.css";
</style>
2、 標籤選擇器
1、用於設定HTML文檔中指定標籤的顯示樣式
2、類別選擇器
給特定的一組CSS代碼取名，然後可以應用於多個不同的標籤：
3、ID選擇器
對於頁面中獨一無二的元素，如頁腳，可以給其id屬性賦予一個獨一無二的值
4、僞類選擇器
超鏈接標籤<a>支持幾個特殊的CSS樣式類，用於定義超鏈接不同狀態的樣式，這些樣式類被稱爲“僞類（pseudo class）”
3、複合選擇器”包括：
（1）交集選擇器 直接指定特定標記中特定類別或ID的樣式
注意：選擇器字符間不要有空格！
p.special{ /* 標記.類別選擇器 */
color:red;
}
p#special{ /* id選擇器 */
color:green;
}
（2）並集選擇器一次定義多個標籤或類別或ID的樣式
注意：以逗號隔開各個選擇器
div,.special,#one{ /* 集體聲明 */
text-decoration:underline; /* 下劃線 */
}
（3）後代選擇器¡選擇嵌套在指定元素的內部元素的樣式
注意：以空格分隔選擇器
p span{
color:red;
}
CSS的繼承原則
1、沒有定義CSS規則的HTML元素從它的父元素中繼承樣式！
2、行內樣式>id樣式>類別樣式>標籤樣式
CSS盒子模型
HTML標籤分爲兩大類：
- <div>、<p>、<h2>等是常見的塊級（block）元素標籤
- <span>、<a>、<img>等是常見的行內（inline）元素標籤
每一個塊級元素都定義了一個盒子。
<div>與<span>沒有特殊的語義，多用於頁面佈局與排版，因此是網頁佈局設計中打交道最多的兩個標籤。
流式佈局
默認情況下的佈局方式， 行內元素與塊元素的顯示， 默認情況下，瀏覽器新起一行顯示塊元素，而在同一行顯示行內元素，這種方式被稱爲“標準流式佈局”。
行內元素的間距
行內元素之間的左右距離＝ 左元素的右邊距+右元素的左邊距
塊元素的上下間距
兩塊之間的上下間距＝
max{上一個塊元素的下邊距，下一個塊元素的上邊距}
嵌套塊元素的邊界
子塊元素是以父元素爲基準定位的。
浮動佈局
盒子的浮動屬性
盒子擁有一個float屬性，可以設置爲向左或向右浮動
要點：
- float屬性讓盒子浮動起來，自動貼靠於其父元素的左或右邊緣。
- 設置了float屬性的盒子自身寬度由其內部保持標準流佈局的元素寬度決定。
超鏈接A的Css樣式說明
A.link
設置 a 對象在未被訪問前的樣式。
A.hover
設置對象在其鼠標懸停時的樣式。
A.active
設置對象在被用戶激活(在鼠標點擊與釋放之間發生的事件)時的樣式。
A.visited
設置 a 對象在其鏈接地址已被訪問過時的樣式。