知識點：
基礎樣式：
前景：
color/文字顏色/
font-size/文字尺寸/
font-weight/文字重量normal bold bolder linghts/
font-family/文字字型 /
font-style/文字樣式/

背景：
background-color/背景顏色/
background-image/背景圖片/
background-repeat/背景圖片平鋪的方式預設repeat、no-repeat、repeat-X、repeat-Y/
background-position/背景圖片從什麼地方開始繪製xy軸畫素，相對於畫布的本分比、常量/
background-size/背景圖片尺寸（以當前畫布的大小為參考點）

/
*所有的視覺化標籤都是方形
顯示方式：
*不要看那麼多標籤就慌了，因為對於高手來說，所有的視覺化標籤都是 一個盒子（方框）
無非就是三個區別
標籤名字不一樣（比如div和P）
標籤的功能不一樣（a的功能就是用來超連結、ul和li標籤用來做列表）
標籤的預設樣式不一樣
height/高度/
weight/寬度/
text-align/文字對齊方式 left、center，right/
line-height/文字垂直對齊方式，單行文字把它設定為height一樣的值/
cursor/游標樣式pointer、ew-resize、ns-resize/；
div元素是/塊級元素/
塊級別元素預設佔用整行
儘管被設定了區域也不讓出自己的地盤、
span元素是/行內元素/
行內元素預設根據文字的內容自適應寬度
儘管被設定了區域也不要（只要能夠滿足自己的基本需求就可以了）
display/顯示的方式block、inlime、inline-block、none/
div{ display:block}
span{ display:inline}
chrome瀏覽器和fireDebug
/必須要會/
樣式屬性的分析
盒子模型
案例
英文單詞：
增【insert】、刪【update】、改【delete】、查【select】
border【邊框】、padding【內邊距】、margin【外邊據】、content【內容】、context【上下文】、top【上邊】、bottom【下邊】、left【左邊】、right【右邊】、hover【懸停】