这四个 CSS 属性值initial、inherit、unset和revert都与元素样式的继承和重置有关,但它们的作用方式略有不同: initial(初始值):将属性设置为浏览器样式表中定义的默认值。 每个属性都有其初始值,例如,background-color的初始值为transparent,font-size的初始值为medium,display的初始值为inline等等。 使用initial会忽...
} 2、initial (初始) initial 关键词将属性的值重置css属性中的默认值。 无论之前的样式设置如何,initial 都会将属性还原为浏览器默认设置。 这是一个段落 div{color: red; }p{color: initial;//p元素的color属性值重置为浏览器默认值 } 3、unset(未设置) unset 关键词将属性值重置为继承值,如果没有继承值...
如果将initial值赋给某个属性,那么就会有效地将其重置为默认值,这种操作相当于硬复位了该值。下图展示了给页脚链接赋以initial而不是inherit时的效果。 默认的颜色值位黑色 上图对应的CSS代码如下 .footera{color: initial;text-decoration: underline; } 因为在大多数浏览器中,黑色是color属性的初始值,所以color: ...
了解CSS 样式的initial(默认)和inherit(继承)以及更新的unset和revert是熟练使用 CSS 的关键。 initial initial关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。(IE 不支持该关键字) inherit 每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inhe...
1. initial 关键字的含义及用法 含义: initial 关键字用于将 CSS 属性设置为其默认值。也就是说,它会将属性重置为浏览器在没有任何样式表或内联样式时为其赋予的值。 用法: css /* 将 color 属性设置为其初始值(通常是黑色,但可能因浏览器而异) */ p { color: initial; } 2. inherit 关键字的含义...
color: initial;// p元素的color属性值重置为浏览器默认值 } 1. 2. 3. 4. 5. 6. 3、unset(未设置) unset 关键词将属性值重置为继承值,如果没有继承值,则将其重置为css属性的默认值。 这个关键词综合了 inherit 和 initial 的行为。 这是一...
unset 关键字是一个强大的工具,可以全面重置 CSS 属性。它结合了 inherit 和 initial 关键字的功能,提供了更灵活的重置选项。 对于非继承属性, unset 的工作方式类似于 initial 关键字。它将属性重置为CSS规范中定义的初始值。这确保了属性在没有任何先前样式影响的情况下重新开始。
在CSS中有两个特殊值可以赋给任意属性,用于控制层叠:inherit和initial。我们来看看这两个特殊值。 在CSS中有两个特殊值可以赋给任意属性,用于控制层叠:inherit和initial。我们来看看这两个特殊值。 使用inherit关键字 有时,我们想用继承代替一个层叠值。这时候可以用 inherit 关键字。可以用它来覆盖另一个值,这样...
revert跟上述的initial有些相似,不过前者是还原成浏览器的内置样式(比如浏览器自带的滚动条样式),后者是使用css属性中的默认值。 适配:目前现代浏览器均已支持。 5.unset 解释:不做设置。但是与css是否继承属性相关,如果一个样式是可继承属性,该设置等于inherit;反之如果是非继承属性,则设置等于initial。
与initial相似，revert还原的是浏览器内置样式，而initial使用属性的默认值。适用范围：现代浏览器普遍支持。unset 解释：不做设置，取决于属性是否可继承。font-weight为可继承属性，在标签设置unset后，继承了父级的normal属性。border为不可继承属性，父级元素的边框设置不会影响内部标签的unset设置。