03css reset

----------------------------------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规范）

作者：专业泡妞号
链接：https://www.jianshu.com/p/3805534e71b3