继承性:父元素的声明可以被子元素继承,如字体、颜色等。
层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加
优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。
-
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>css优先级演示</title>
-
<style type="text/css">
-
/*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/
-
body{
-
font-family:"楷体","微软雅黑";
-
}
-
-
/*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/
-
h1{
-
color:red;
-
}
-
h1{
-
font-size:50px;
-
}
-
/*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/
-
h2{
-
color:green;
-
}
-
/*.....*/
-
h2{
-
color:yellow;
-
}
-
</style>
-
</head>
-
<body>
-
<h1>HELLO WORLD!</h1>
-
<h2>你好,世界!</h2>
-
</body>
-
</html>
如果您觉得本文的内容对您的学习有所帮助:
关键字:
CSS3