前端开发语言学习-笔记3-标签基本特性和转换

一、在不同的浏览器中，部分标签会自带部分属性，会影响代码效果。（css react）
1、默认样式重置
*{margin:0; font-size:12px; font-family:XX; padding:0; text-decoration：none； } 性能浪费
2、标签样式重置
p{margin:0; padding:0;}

二、块级元素和行级元素。
块级元素：
1、独占一行显示。
2、没有宽度时，默认撑满一排。
3、当有宽度高时，按照宽高显示。
4、支持所有css属性。
行级元素：
1、默认一行可以跟上同级元素。
2、没有宽度时，内容撑开宽度。
3、默认不支持宽高。
4、不支持上下外边距。
5、不支持上下内边距。
6、代码换行被解析。

三、标签基本类型转换
span{display:block;} 转换为块级元素
div{display:inline;}转换为行级元素

四、imge标签《一行内的块》---------inline-block
特性：
1、块在一行显示；
2、行内属性支持宽高；
3、没有宽度的时候，内容撑开宽度；
问题：
1、代码换行被解析；
2、ie6、ie7不支持块属性标签的inline-block；