p标签默认margin-top/bootom

本文揭示了CSS中常见标签如p和ul的默认样式,如margin和padding,并探讨了如何通过设置全局样式避免意外布局效果。了解这些默认样式有助于更精确地控制网页布局。

以前在写css样式时,都习惯性的加上
*{padding:0;margin:0}
所以有些默认样式问题就没有意识到,直到这次忘记设置这个全局样式,发现定义的p标签的高度比预期高了32px,查了资料发现,原来p标签含有默认的margin-top和margin-bottom,大小都为1em,即当前标签的字体大小(默认为16px)
同样ul也包含默认的padding:
在这里插入图片描述
还有很多其他的元素都带有默认的样式,所以为了避免这些带有默认样式的标签带来的意外效果,我们最好设置全局样式:
*{padding:0;margin:0}
当然如果只需改变某个元素的默认样式,只需在该标签上添加对应的样式来改变默认样式就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值