css all属性怎么用?


本文摘自PHP中文网,作者青灯夜游,侵删。

all属性是用来将除了 unicode-bidi 和 direction外的所有属性重置为其初始值或从父元素那继承的值。

CSS all属性

all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样;但是,不包括unicode-bidi和direction这两个CSS属性。

作用:all属性将重置除了 unicode-bidi 和 direction外的所有属性。

语法:

1

all: initial|inherit|unset;

initial:将应用于元素或元素父级的所有属性更改为其初始值。

inherit:将应用于元素或元素的父级的所有属性更改为其父级值

unset:将应用于元素或元素的父级的所有属性更改为它们的父值(如果它们是可继承的),或者更改为它们的初始值(如果不是可继承的)。

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

CSS all属性的使用示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<style>

html {

  font-size: small;

  color: blue;

}

p{

font-size: 20px;

color: #000;

}

#ex1 {

  background-color: yellow;

  color: red;

}

#ex2 {

  background-color: yellow;

  color: red;

  all: inherit;

}

#ex3 {

  background-color: yellow;

  color: red;

  all: initial;

}

#ex4 {

  background-color: yellow;

  color: red;

  all: unset;

}

</style>

</head>

<body>

<p>没有设置all 属性:</p>

<div id="ex1">PHP中文网!!!</div>

<p>all: inherit:</p>

<div id="ex2">PHP中文网!!!</div>

<p>all: initial:</p>

<div id="ex3">PHP中文网!!!</div>

<p>all: unset:</p>

<div id="ex4">PHP中文网!!!</div>

</body>

</html>

效果图:

1.jpg

本文参考:https://www.html.cn/book/css/properties/all.htm

以上就是css all属性怎么用?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

深入探究css box-decoration-break属性

纯css实现图片左右翻转效果(附代码)

css怎么设置文字透明效果

css上下间距怎么调

css怎么设置文件编码

css怎么设置文字只读且不可复制

css 内阴影怎么做

css实现隐藏元素效果

css是框架吗

css是c语言吗

更多相关阅读请进入《all属性》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...