以前在写css样式时,都习惯性的加上
*{padding:0;margin:0}
所以有些默认样式问题就没有意识到,直到这次忘记设置这个全局样式,发现定义的p标签的高度比预期高了32px,查了资料发现,原来p标签含有默认的margin-top和margin-bottom,大小都为1em,即当前标签的字体大小(默认为16px)
同样ul也包含默认的padding:

还有很多其他的元素都带有默认的样式,所以为了避免这些带有默认样式的标签带来的意外效果,我们最好设置全局样式:
*{padding:0;margin:0}
当然如果只需改变某个元素的默认样式,只需在该标签上添加对应的样式来改变默认样式就可以了。
p标签默认margin-top/bootom
最新推荐文章于 2024-07-12 09:30:00 发布
本文揭示了CSS中常见标签如p和ul的默认样式,如margin和padding,并探讨了如何通过设置全局样式避免意外布局效果。了解这些默认样式有助于更精确地控制网页布局。
409

被折叠的 条评论
为什么被折叠?



