在CSS中使用inherit的必要性

在CSS中使用inherit的必要性,css,Css,我们一直在关注一个高级主题,当检查页面上的各种文本和元素时,会发现很多元素的值为inherit和0 如果这些不是必需的,并且是自动从父级继承的,为什么不保留为空?它是否可以节省装载时间 margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: inherit; font-size: 100%; font-style: in

我们一直在关注一个高级主题,当检查页面上的各种文本和元素时,会发现很多元素的值为inherit和0

如果这些不是必需的,并且是自动从父级继承的,为什么不保留为空?它是否可以节省装载时间

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;

这样做是为了覆盖浏览器默认值

大多数浏览器自己应用自己的样式声明,使基本HTML页面看起来更漂亮。不幸的是,这些样式声明常常与设计师希望网页的外观相冲突。克服此问题的方法是将样式重置为默认样式

例子 标题和
p
标记就是一个很好的例子。以以下为例:

你好,世界!

哇,这是个大标题

我想这会使文件大小变大,从而增加加载时间。在这种情况下,将它们忽略是有意义的。但他们因为某种原因被留在了家里。这些都是最早的付费主题。这是否解释了对一些CSS属性使用
inherit
。但是,这与此处的
边距:0
相同<代码>继承用于让元素从其父元素继承给定的样式声明。上面使用的同一
h1
元素的浏览器默认样式为
font-weight:bold
;我们可以在这里使用
inherit
来允许
h1
元素使用其包含元素的
font-weight