web前端-css实战记录-p、span标签区别

实战问题发现

P、span区别：一个块级元有自动换行效果，一个行内元素，p内可以有多个span，若不需要特殊效果，一般不用span，p即可

这个标签中，我们可以看到元素有margin-top：14px，在样式表中可以看到给p标签设的值里面并没有一个margin-top14。

发现useragent里面有一个  -webkit-margin-before的值，查了一下发现-webkit-margin-before:1em    是元素上边距数值为1倍字体高度，line-height1.4不就是14px吗？于是加了  -webkit-margin-before: 0em;  -webkit-margin-after: 0em;！

注意浏览器自带样式。

1、设置-webkit-margin-after: 0em; -webkit-margin-before: 0em; 即可解决默认边距问题，

2、也可以强制设置margin-top:0