CSS 关键词

最新推荐文章于 2024-01-31 11:12:59 发布

原创最新推荐文章于 2024-01-31 11:12:59 发布 · 418 阅读

0 ·

CC 4.0 BY-SA版权

html+css 专栏收录该内容

27 篇文章

订阅专栏

本文详细介绍了CSS中的三个全局属性关键字：initial、inherit和unset。initial用于设置属性为默认值，如将字体样式设为normal，字体大小设为medium。inherit使子元素获取父元素的属性值，如宽度和高度。unset则是initial和inherit的组合，根据属性是否可继承决定应用哪个效果。

文章目录

- - 全局属性值 initial，inherit，unset

全局属性值 initial，inherit，unset

initial
initial 关键字用于设置 CSS 属性值为它的默认值。可用于任何 HTML 元素上的任何 CSS 属性。

div{
	font-style:initial;
	font-size: initial;
}
/*等同如下设置：*/
div{
	font-style:normal;
	font-size: medium;
}

inherit
inherit 关键字用于设置属性值从父元素继承。可用于任何 HTML 元素上的任何 CSS 属性。

div{
  width:inherit;  /*继承父元素的宽度*/
  height:inherit; /*继承父元素的高度*/
}

unset
unset 关键字用于清除属性设置。可用于任何 HTML 元素上的任何 CSS 属性。

其实，它是关键字 initial 和 inherit 的组合。如果该属性是默认继承属性，该值等同于 inherit；如果该属性是非继承属性，该值等同于 initial。

p{
	color:pink;
	font-size: 50px;
}
div{
	color:red;
}
div>p{
	color:unset;
	font-size: unset;
}

/*div中的p元素的最终属性如下
p{
	color:red;         继承值
	font-size: medium; 默认值
}
*/