css中的关键字初始、继承、复原,恢复和所有属性如何使用

　　介绍

这篇文章运用简单易懂的例子给大家介绍css中的关键字初始,继承,复原,恢复和所有属性如何使用,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

在css中,有4个关键字理论上可以应用于任何的css属性,它们是初始(初始),继承(继承),设置(未设置),恢复(还原)。而所有的取值只能是以上这4个关键字。本文将介绍初始,继承,复原,恢复和。

<强>初始

表示元素属性的初始默认值(该默认值由官方css规范定义)

兼容性:即不支持

[注意]关于各属性的初始默认值移步至此

//显示在官方css规范中定义的默认值是内联 　　& lt; style> 　　test{显示:初始;} 　　& lt;/style> 　　& lt; div类=癰ox"祝辞 　　& lt; div类=皌est"祝辞测试一& lt;/div> & lt; span>文字& lt;/span> 　　& lt; br> 　　& lt; div祝辞测试二& lt;/div> & lt; span>文字& lt;/span> 　　& lt;/div>

<强>继承

表示元素的直接父元素对应属性的计算值

兼容性:IE7——不支持

& lt; style> 　　.box { 　　边界:1 px固体黑色; 　　填充:10 px; 　　宽度:100 px; 　　} 　　test { 　　边界:继承; 　　高度:30 px; 　　} 　　& lt;/style> 　　& lt; div类=癰ox"祝辞 　　& lt; div类=皌est"祝辞测试一& lt;/div> 　　& lt;/div> 　　& lt; div类=癰ox"祝辞 　　& lt; div类=癷n"祝辞 　　& lt; div类=皌est"祝辞测试二& lt;/div> 　　& lt;/div> 　　& lt;/div>

<强>设置

设置相对于初始和继承而言,相对复杂一点。表示如果该属性默认可继承,则值为继承,否则值为初始,实际上,设置设置相当于不设置

兼容性:即不支持,safari9——不支持,ios9.2——不支持,android4.4.4——不支持

【常用默认可继承样式】

颜色 　　光标 　　方向 　　字体 　　字母间距 　　行高 　　list-style 　　text-align 　　文本 　　文本阴影 　　首字母 　　空白 　　单词分割 　　词间距 　　自动换行 　　写入方式 
 <强>回复  
表示样式表中定义的元素属性的默认值。若用户定义样式表中显式设置,则按此设置,否则,按照浏览器定义样式表中的样式设置,否则,等价于设置
 
兼容性:只有safari9.1 +和ios9.3 +支持
 
 <强>所有 
 
表示重设除unicode-bidi和方向之外的所有CSS属性的属性值,取值只能是最初,继承,复原和恢复
 
兼容性:即不支持,safari9——不支持,ios9.2——不支持,android4.4——不支持
  & lt; style>
　　test {
　　边界:1 px固体黑色;
　　填充:20 px;
　　颜色:红色;
　　}
　　在{/*:初始;
　　所有:继承;
　　:设置;
　　:回复;*/}
　　& lt;/style>
　　& lt; div类=皌est"祝辞
　　& lt; div类=癷n"祝辞测试文字& lt;/div>
　　& lt;/div>

【1】当:初始时,。在的所有属性都取默认值

边界:没有,填充:0;颜色:黑色;

【2】当:继承时,。在的所有属性都取父元素继承值

边界:1 px固体黑色;填充:20 px;颜色:红色;

【3】当:设置时,。在的所有属性都相当于不设置值,默认可继承的继承,不可继承的保持默认值

边界:没有,填充:0;颜色:红色;


关于css中的关键字初始,继承,复原,恢复和所有属性如何使用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

css中的关键字初始、继承、复原,恢复和所有属性如何使用