css 中 padding-top:inherit; 这个inherit值代表什么意思啊?

html-css011

css 中 padding-top:inherit; 这个inherit值代表什么意思啊?,第1张

这个样式表示从父元素继承顶部内边距的值,inherit就是继承父元素的意思。例如一个div的padding-top:10px如果它里面还包含了一个p,这个p的padding-top:inherit那就相当于这个p的padding-top:10px

initial

initial 关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。

inherit

每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。

unset

名如其意,unset 关键字我们可以简单理解为不设置。其实,它是关键字 initial 和 inherit 的组合

inherit是继承父类的属性,一般用于字体、颜色、背景等

auto是按情况自适应,一般用于高度、宽度、外边距和内边距等关于长度的属性

现在一般常用的属性都支持inherit,用的不多,auto自适应长度用的比较多。如{ margin:0 auto}加上这个属性的元素只要定义了宽度就会相对于他的父元素自居中。