1.CSS複合選擇器
問題：爲什麼要學習CSS複合選擇器 ？
css選擇器分爲基礎選擇器和複合選擇器，但是基礎選擇器不能滿足我們實際開發中，快速高效的選擇標籤
1）目的是爲了可以選擇更準確更精細的目標元素標籤
2）複合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的
1.1 後代選擇器
父級 子級 {屬性：屬性值；屬性：屬性值；}
1.2 子元素選擇器
作用：子元素選擇器只能選擇作爲某元素子元素（親兒子）的元素
語法：
.class>h3{color:red;font-size:14px;}
1.3 交集選擇器
1.4 並集選擇器
1.5 鏈接僞類選擇器
作用： 用於向某些選擇器添加特殊的效果，比如給鏈接添加特殊效果，比如可以選擇第一個，第n個元素
a:link //未訪問的鏈接
a：visited //已訪問的鏈接
a:hover //鼠標移動到鏈接上
a:active //選定的鏈接
2.標籤顯示模式（display）
2.1
什麼是標籤的顯示模式？
標籤以什麼方式進行顯示，比如div自己佔一行，比如span一行可以放很多個
作用：
我們網頁的標籤非常多，在不同的地方會用到不同類型的標籤，以便更好的完成我們的網頁
標籤的分類：
HTML標籤一般分爲塊標籤和行內標籤兩種類型，他們也稱塊元素和行內元素
2.2
塊級元素（block-level）
常見的塊級元素有：<h1>~<h6> 、<p >、<div>、<ul>、<ol>、<li>等，其中<div>標籤是最典型的塊級元素
行內元素（inline-level）
常見的行內元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>標籤是最典型的行內元素
行內塊元素
常見的行內塊元素有：<img />、<input />、<td>
總結：
3.CSS背景（background）
3.1 背景顏色（color）
background-color：顏色值; 默認的值是：transparent 透明的
3.2 背景圖片（image）
background-image:none|url(url)
如：background-image:url(image/demo.jpg);
3.3 背景平鋪 (reoeat)
background-repeat:屬性值
3.4 背景位置(position)
background-position:length||length
background-position:position||position
3.5 背景附着
background-attachment:scroll|fixed
3.6 背景簡寫
background:背景顏色 背景圖片地址 背景平鋪 背景滾動 背景位置
background:transparent url(image.jpg) repeat-y scroll center top;
3.7 背景透明
background:rgba(0,0,0,0.3);
4.總結
