元素分類：

1.行級元素：內聯元素  inline

特征：內容決定元素所占位置，不可以通過CSS改變寬高

span  strong   em  a  del  

2.塊級元素：block特征：獨占一行，可以通過CSS改變寬高

div  p  ul  li  ol  form   address

3.行級塊元素：inline-block

特征：內容決定大小，可以改變寬高

選擇器類型（通用的，沒寫那些偽類）：

父子選擇器（派生選擇器）

<div>

　　<em></em>

　　　　</div>

div em {margin:0px}  有父子關係的幾個元素組成的選擇器，div下的所有em子孫

直接子元素選擇器

div>em { margin:0  }   表示的是div下的直接子元素

併列選擇器

<div class='red'></div>

div.red{ color:green }   表示併列關係

權重值比較：<style='color=red'  ...>內聯樣式，1000

id :100 class:10 標簽:1  *:0  ，!important是無窮大權重,但是如果!important+1則要更大

分組選擇器

.demo{}    .red{}

！！解決圖片間隔  margin-left:-6px

盒子組成部分：

盒子壁  border

內邊距 padding

盒子內容 width+weigth

margin+border+padding+content

顏色：

1.純英文單詞    red,green

2.顏色代碼       #00ff22

3.顏色函數　　rgb(00,ff ,ff)

rgb()表示光的三原色，red, green ,blue