简单了解CSS3的all属性

一、写在前面
all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样,但是,不包括unicode-bidi和direction这两个CSS属性。为什么会有这个CSS属性呢?我们可能知道,有些CSS属性值基本上所有CSS属性都有,比方说继承inherit!我们CSS reset输入框的时候,是不是有类似这样的代码(实际可能是具体值,作用类似):

input, textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}

因为这类输入控件自身有内置的大小和字体,需要重置。此时,大家就会发现,这些属性值都是inherit, 要是可以合并就好了!CSS all属性就是用来合并的。

input, textarea { 
   all: inherit; 
}

这里仅仅是展示作用,实际上是不会这么用的,因为,all:inherit会让背景色什么的,都继承父级,相信这不是你希望看到的。
二、语法和区别
语法如下:

all: initial;
all: inherit;
all: unset;

2.1、initial:

initial是初始值的意思,也就是该元素除了unicode-bidi和direction以外
的CSS属性都使用属性的默认初始值。

2.2、inherit

也就是该元素除了unicode-bidi和direction以外的CSS属性都继承父元素的
属性值。

2.3、unset

unset是取消设置的意思,也就是当前元素浏览器或用户设置的CSS忽略,然后
如果是具有继承特性的CSS,如color,则使用继承值;如果是没有继承特性的
CSS属性,如background-color,则使用初始值。
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值