unset,inherit,initial,auto的区别是什么?
1: 问position属性有多少取值?
通常的回答是static、relative、absolute和fixed。
当然还有一个sticky。
其实,除此之外,CSS属性通常还可以设置下面几个值:
unset, inherit, initial;
1: unset是关键字initial和inherit的组合。
如果该属性是默认继承属性,该值等同于inherit
如果该属性是非继承属性,该值等同于initial
换句话说这个unset关键字会优先用inherit的样式,
其次会应该用initial的样式。
2: initial(默认)关键字
简单的来说就是初始化到该属性浏览器默认定义的值。
3: inherit(继承)关键字
1: 每一个CSS属性必然是默认继承的 (inherited: Yes)
2: 或者是默认不继承的 (inherited: no) 其中之一
3: inherit是继承父类的属性,一般用于字体、颜色、背景等
4: auto
1: auto是按情况自适应,一般用于宽/高度、外边距和内边距
2: flex中设置 flex-basis: auto;