----------------------------------css reset原則-------------------------------
但凡瀏覽器默認樣式，都不使用
body，p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;}
ol,ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
image{border:none;vertical-align:top;}
.clearfix:after{display:block;content:"";clear:box;}
.clear{zoom:0;}
注意：*{margin：0；padding：0；} ?通配符有損性能
----------------------------------塊元素與內嵌元素---------------------------
塊元素：
1、默認獨占一行
2、沒有指定寬，默認獨占一行
3、支持所有css命令
內嵌元素：
1、一行可以多個元素
2、內容撐開寬高
3、不支持寬高設置
4、不支持上下的margin和padding
5、代碼換行被解析
----------------------------------塊元素與內嵌元素的轉換---------------------
display：block；顯示為塊元素
使內嵌元素具有塊元素屬性
display：inline；顯示為內嵌
使塊元素具有內嵌元素屬性
display:inline-block的特性與問題
特性：
1、塊元素在一行顯示
2、行內元素支持寬高
3、沒有寬高時，內容撐開寬度
問題
1、代碼換行被解析
2、ie6和ie7不支持塊元素的inline-block
--------------------------------------------------------------------------
title:元素的額外信息
----------------------------------前端規范----------------------------------
1、所有書寫均在英文半角狀態下的小寫
2、id、class必須以字母開頭
3、所有標簽必須閉合
4、html標簽用tab鍵縮進（便于前端維護，便于后端切片）
5、屬性值必須帶引號
6、<!-- html注釋 -->（注意，盡量不要使用中文，必須有空格）
7、/* css注釋 */（注意，盡量不要使用中文，必須有空格）
8、ul.li和ol.li還有dl.dt.dd之間是父子級關系
9、p，dt，h里面不能嵌套塊元素
10、a元素不能嵌套a元素
11、內嵌元素不能包含塊元素（不會出現問題，僅存在W3C規范）
----------------------------------來自秒味課堂筆記---------------------------
