html – CSS中’initial’值的用途是什么?

前端之家收集整理的这篇文章主要介绍了html – CSS中’initial’值的用途是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为初始值将恢复最初渲染的样式(由 browser的内部 user-agent样式表应用)。

例:

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

我预计div.inline规则会显示< div class =“inline”>在内联模式下,div.initial规则将显示< div class =“initial”>使用div的原始显示值块。

但是当我探索这个时,< div class =“initial”>显示内联。我错了吗?任何人都可以详细说明这个吗?

解决方法

initial value(非属性)表示属性的初始值,如CSS规范中所定义:“’initial’关键字表示指定为属性初始值的指定值。”因此,其含义取决于属性,但是没有其他任何东西,例如不在浏览器上或属性所应用的元素上。所以它并不意味着浏览器默认。

例如,对于display属性,initial始终表示内联,因为这是属性的指定初始值。在示例中,浏览器默认为block,因为该元素是div。

因此,初始值具有有限的用途。由于误解,其主要影响似乎是让人迷惑。一个可能的用例是color属性,因为它的初始值取决于浏览器(大多数是黑色,我们知道,但不一定)。对于它,初始意味着浏览器默认,因为这是属性的定义方式,类似的用例是font-family:通过声明font-family:initial,你得到浏览器的默认字体(可能取决于浏览器设置)。

由于缺乏对IE(甚至IE 10)的支持,其实用性进一步受到限制。

猜你在找的HTML相关文章