【html知识】全网最全最完整css样式

本文详述了一套全面的CSS初始化样式,包括通用元素重置、HTML5元素显示重置、特定元素样式调整及自定义样式。通过消除浏览器默认样式差异,确保元素在各浏览器中一致显示。同时指出,虽然这套样式很全面,但实际项目中可能还需根据需求进行调整和补充。
摘要由CSDN通过智能技术生成

 这套初始化CSS样式相当全面,它覆盖了HTML中大部分元素的默认样式,并进行了一些通用的样式重置,以消除浏览器之间的默认样式差异。以下是对这段CSS代码的一些分析:

通用重置:

所有的元素(从html到video)的margin、padding和border都被重置为0。
字体大小设置为100%,并且font属性被设置为inherit,以确保字体样式能够继承。
垂直对齐设置为baseline,这通常是文本元素的默认对齐方式。
使用了box-sizing: border-box;,这是一个非常有用的声明,它确保了元素的padding和border包含在总宽度和总高度内,这有助于简化布局。

HTML5元素显示重置:

对于HTML5引入的一些新元素(如article、aside等),这些元素在一些老版本的浏览器中可能不会被识别为块级元素。这段CSS将它们设置为display: block;以确保它们在所有浏览器中都能正确显示。

其他特定元素的重置:

body的line-height设置为1,以消除任何默认的行高。
列表元素(ol和ul)的list-style被设置为none,以去除默认的列表标记。
引用元素(blockquote和q)的引号被移除,同时其伪元素before和a

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天若有情673

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值