CSS的三大特性

4 CSS三大特性

4.1继承 :子带可以直接使用父代的某些样式(特征),当然偶写可以继承,有些可以继承,有些不可以继承。

比如人可以从父母继承姓、肤色等,但性格却继承不了。

 

第一特性:

    <style type="text/css">
        #div1{
            font-size:24px;
            color:#71b9fe;
        }
        #div2{}
    </style>
</head>
<body>
<div id="div1">
    这是div1中的内容
    <div id="div2">
    这是div1的后代div2中的内容
</div>

 

Div2虽然没有设置这种样式,但实际上确实呈现了这个样式,说明他继承了父类div1 的这个样式。Lnherited(继承)。

 

第二:

#div1{
    font-size:24px;
    color:#71b9fe;
    border:2px solid darkblue ;
}

结果表明,div2并没有边框,也就是说div2没有继承这个属性。

 

 

作业一:那些属性可以被子类继承,那些不可以被继承?

 

 

4.2层叠性

(1)今天某人丢失人民币一百元。Div1

(2)今天某人吃饭50元。Div2

(3)这个某人就是波波。

因为选择器一和选择器二都选中了波波,所以开销叠加。

CSS中也支持层叠。

       .div1{
            font-size:40px;
        }
        .div2{
            color:aqua;
        }
    </style>
</head>
<body>
<div class="div1">我的字体会变大
<div class="div2">我不仅会变大,还会变色</div>
</div>

结果显示:

 

从那个结论可以得出:我不仅会变大,还会变色   可以看出,两个选择器重叠在了一起。

 

 

4.3优先级

在现实生活中当多条互相冲突的规则施加到同一事物时,也必须指定一个,这就是优先级。

从系列实验中可的处css选择器优先级的结论:

内联>id>类选择器>元素选择器

内部样式>外部样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值