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