一：CSS介紹
css被稱為重疊樣式表
重疊在於css擁有合併來自多個源的屬性值的演算法
像衣服一樣，層層疊疊很多件穿在身上，別人看到的是露在表面上的衣服
樣式表則是對網頁設計元素，如字型，大小，顏色，間距的定義
二：css基本語法
選擇器1，選擇器2{
屬性：值；
}
例子：設定標題1標題2的字型顏色為綠色
h1，h2{
color：green；
}
三:css引入方式
1.行內引入(和html類似 儘量避免)
<h1 style = "color:blue;">
標題內容
<h1>
2.內嵌式引入（頁面abc都用同樣樣式的時候需要重複輸入）
<style type="text/css">
h1{
color:red;
}
<style>
.........
<h1>標題內容</h1>
3.連結式引入（最常用）
<link href="樣式檔案連結" type="text/css" rel="stylesheet"/>
當以上引入方式都出現的時候，優先順序：
行內>內嵌式>連結式
四：選擇器介紹
1.ID選擇器
#name1{id選擇器以#開頭
font-style：italicfont-style屬性是否傾斜，值italic代表傾斜
}
...........
一個頁面上只能用一次，id唯一
<p id="name1">content</p>
2.類選擇器
.name2{類選擇器以.開頭
color:red;
}
一個頁面上可以使用多次
<p class="name2">content1</p>
<p class="name2">content2</p>
多類混用時效果疊加
.name3{
font-family:cursivefont-family定義字型，cursive草書
}
<h1 class="name2 name3">content4</h1>
content4的文字效果就是紅色草書
四：其他選擇器
1.頁面劃分選擇器（div）
分割槽改變樣式
<div class="name3">
<p class="name2">content1</p>
<p class="name2">content2</p>
<p >content3</p>
</div>
content1 content2的文字效果是紅色草書，content3是草書
2.span選擇器
改變行內部分樣式
<p> welcome to <span class="name2">xiannong's</span>blog</p>
xiannong's就會變成紅色，其他不變
3.後代選擇器
.name4 li{對name4中的li應用樣式
font-weight：bold；設定粗體字型
}
<ul class="name4">
<li>1111</li>
<li>2222</li>
<li>3333</li>
</ul>
列表中的1111，2222，3333會被加粗
4.子元素選擇器
h1 > strong {color:red;}選擇h1裡面的strong元素進行變紅
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>
第一個 h1 下面的兩個 strong 元素變為紅色，但是第二個 h1 中的 strong 不受影響