说下css样式的这几个属性值initial、inherit、unset、revert的理解?

html-css016

说下css样式的这几个属性值initial、inherit、unset、revert的理解?,第1张

initial

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

inherit

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

unset

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

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

height:100%是占父级元素高度的100%

height:inherit是继承父级元素的高度设置;

同:都和父级元素有关系;

异:设置100%时自己和父级元素的高度是相同的;设置inherit值时,自己和父级元素值有可能是不同的!比如父级是20%,父级相对于祖父级是20%.那自己也是20%,自己是相对于父级的20%