----------------------------------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规范）
----------------------------------来自秒味课堂笔记---------------------------
