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>类选择器>元素选择器
内部样式>外部样式