1.元素顯示模式
①塊元素 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等
特點：
1.獨佔一行
2.高、寬、外邊距、內邊距可控制
3.寬度預設是父級容器寬度的100%
4.裡面放行內或塊級元素
注意：文字類元素內不能使用塊級元素 <p>、<h1>~<h6>
②行內元素 <a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等
1.相鄰元素在一行上，一行可顯示多個
2.高寬不可控
3.預設寬度就是本身內容的寬度
4.行內元素只能容納文字或其他行內元素
注意：<a>連結裡不能巢狀連結 特殊情況連結<a>裡面可以放塊級元素，但轉換一下塊級模式最安全
③行內塊元素 <img/>、<input/>、<td>
特點：
1.一行可以顯示多個，之間有空白縫隙
2.預設寬度是它本身內容的寬度
3.高度、行高、外邊距、內邊距可控
元素顯示模式轉換：
轉換為塊元素：display:block;（經常使用，可以給它設定寬高）
轉換為行內元素：display:inline;（設定在 同一行）
轉換為行內塊元素：display:inline-block;（兼具）
line-height=盒子高度的值，則行內文字會垂直居中。
CSS背景：
背景顏色bcg-color：xx
背景圖片bcg-image：url（images/logo.png）/none 背景圖片在背景顏色上
背景平鋪bcg-repeat：repeat no-repeat repeat-x repeat-y
背景圖片
①設定方位名詞
bcg-position：x軸 y軸； 如果省略一個，預設按居中顯示。
x軸：left center right
y軸：top center bottom
②精確單位
bcg-position：x軸 y軸；x和y的位置按順序寫，如果寫一個值，則是x軸方位值，y軸居中。
③混合單位 同上
背景固定bcg-attachent：scroll fixed
背景複合寫法：沒有特定順序 一般習慣約定為：
background:背景顏色 背景圖片地址 背景平鋪 背景影像滾動 背景圖片位置
background:transparent url(image.jpg) repeat-y fixed top;
background:rgba(0,0,0,.3) 紅-綠-藍-alpha透明度百分比
