这套初始化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