inherit和initial

inherit关键字

有时,我们想用继承代替一个层叠值。这时候可以用inherit关键字。可以用它来覆盖另一个值,这样该元素就会继承其父元素的值。

initial关键字

每一个CSS属性都有初始(默认)值。如果将initial值赋给某个属性,那么就会有效地将其重置为默认值,这种操作相当于硬复位了该值。

这么做的好处是不需要思考太多。如果想删除一个元素的边框,设置border: initial即可。如果想让一个元素恢复到默认宽度,设置width: initial即可。

auto不是所有属性的默认值,对很多属性来说甚至不是合法的值。比如border-width: auto和padding: auto是非法的,因此不会生效。可以花点时间研究一下这些属性的初始值,不过使用initial更简单。但要注意在IE下的兼容性很差。

image.png

声明display: initial等价于display: inline。不管应用于哪种类型的元素,它都不会等于display: block。这是因为initial重置为属性的初始值,而不是元素的初始值。inline才是display属性的初始值。

你可能感兴趣的:(css前端)