Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html '的用途是什么;首字母';CSS中的值?_Html_Css_Browser - Fatal编程技术网

Html '的用途是什么;首字母';CSS中的值?

Html '的用途是什么;首字母';CSS中的值?,html,css,browser,Html,Css,Browser,我认为initial值将恢复最初呈现的样式(由浏览器的内部用户代理样式表应用) 例如: div.inline { display: inline; } div.initial { display: initial; } 我希望div.inline规则将以内联模式显示,而div.initial规则将使用div块的原始显示值显示 但是当我探索这个问题时,显示内联。我错了吗?有人能详细说明一下吗? 初始CSS关键字将属性的初始值应用于元素。它在每个CSS属性上都是允许的,并使指定它的元素使

我认为
initial
值将恢复最初呈现的样式(由浏览器的内部用户代理样式表应用)

例如:

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}
我希望
div.inline
规则将以内联模式显示
,而
div.initial
规则将使用
div
块的
原始显示值显示

但是当我探索这个问题时,
显示内联。我错了吗?有人能详细说明一下吗?

初始CSS关键字将属性的初始值应用于元素。它在每个CSS属性上都是允许的,并使指定它的元素使用属性的初始值

/*为标题添加绿色边框*/
h2{边框:中等纯绿}
/*但要让侧边栏中的属性使用“color”属性的值*/
#侧边栏h2{边框颜色:初始;}

这个文本是红色的 此文本为初始颜色(例如黑色) 这又是红色的

属性(not属性)表示属性的初始值,如CSS规范中所定义:“initial”关键字表示指定为属性初始值的指定值。因此,其含义取决于属性,而不取决于任何其他内容,例如,不在浏览器或应用属性的图元上。因此,这并不意味着浏览器默认

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

因此,
初始值
用处有限。由于误解,它的主要作用似乎是迷惑人们。
color
属性是一个可能的用例,因为它的初始值依赖于浏览器(我们知道,大部分是黑色的,但不一定)。对于它来说,
initial
意味着浏览器默认,因为这就是属性的定义方式,类似的用例适用于
font-family
:通过声明
font-family:initial
,您可以获得浏览器的默认字体(可能取决于浏览器设置)


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

谢谢您的回复。那么,什么是diff btwn
inherit
initial
inherit
从父元素获取其值。有一个非常常见的恼人的用例,
initial
非常有用:当您以编程方式隐藏和取消隐藏一个元素时,即为它指定
display:none
,然后再次显示它。这是因为
显示
的值太多,没有
初始值
就没有默认值。jQuery已经做了很多年了,LESS、Stylus和scs等预处理器使它变得更容易,但是它在CSS中的正确性很有帮助。IE没有它确实限制了它,特别是因为其他人确实允许它。@trysis:
display:initial
display:inline
的同义词,即使它可以工作,也不会给你带来太多的好处。它还使用了像我这样令人沮丧的开发人员,他们只想
2*initial
成为你的目标“两倍于默认值”。@trysis,我也被你关于“一个非常常见的恼人的用例,
initial
非常有用”的评论弄糊涂了。听起来你是说当你用“display:none”隐藏一个元素,然后想再次显示它,恢复任何“display”时,都可以使用“display:initial”“在你把它藏起来之前它拥有的财产。那不行。它只为元素提供了“inline”的“display”属性,而不管它是块级元素(如a)还是内联元素(如a)。如果你说的是不同的话,你能澄清一下吗?对不起,我很久以前写过这篇评论,当时Ink还是一个全新的开发者。我的意思是显示:还原。不幸的是,
revert
即使现在也没有很好的支持。下面是对初始值的一个很好的解释:
/* give headers a green border */
 h2 { border: medium solid green }

 /* but make those in the sidebar use the value of the "color" property */
 #sidebar h2 { border-color: initial; }
<p style="color:red"> 
    this text is red 
       <em style="color:initial"> 
          this text is in the initial color (e.g. black)
       </em>
    this is red again
 </p>