css all属性笔记

原创 PHP笔记  2017-09-15 18:30  阅读 813 views 次

css中,all属性是用来重置所有属性,除了unicode-bidi属性和direction属性。

all属性值

  • initial:修改所有元素属性或父元素的值为其初始化值;
  • inherit:修改所有元素属性或父元素的值为其父元素的值;
  • unset:修改所有元素属性或父元素的值为其父元素的值(如果有继承)或其初始值。

all属性语法格式

all: initial / inherit / unset;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css all属性笔记</title>
<style>
html {
font-size: small;
color: blue;
}
#all1 {
background-color: yellow;
color: red;
}
#all2 {
background-color: yellow;
color: red;
all: inherit;
}
#all3 {
background-color: yellow;
color: red;
all: initial;
}
#all4 {
background-color: yellow;
color: red;
all: unset;
}
</style>
<head/>
<body>
没有 all 属性:
<div id="all1">PHP笔记_自学php从此开始!</div>
all: inherit:
<div id="all2">PHP笔记_自学php从此开始</div>
all: initial:
<div id="all3">PHP笔记_自学php从此开始!</div>
all: unset:
<div id="all4">PHP笔记_自学php从此开始!</div>
</body>
</html>

运行结果:

注意: Internet Explorer和Safari 浏览器不支持all属性

本文地址:https://www.ggbiji.com/css-all.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情