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

    技术2025-08-23  23

    实战问题发现

    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

    Processed: 0.010, SQL: 9