这篇文章主要介绍CSS规则特性是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
继承性:父元素的声明可以被子元素继承,如字体、颜色等。
层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加
优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。
-
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>css优先级演示</title>
-
<style type="text/css">
-
/*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/
-
body{
-
font-family:"楷体","微软雅黑";
-
}
-
-
/*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/
-
h2{
-
color:red;
-
}
-
h2{
-
font-size:50px;
-
}
-
/*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/
-
h3{
-
color:green;
-
}
-
/*…..*/
-
h3{
-
color:yellow;
-
}
-
</style>
-
</head>
-
<body>
-
<h2>HELLO WORLD!</h2>
-
<h3>你好,世界!</h3>
-
</body>
-
</html>
以上是“CSS规则特性是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云搜网行业资讯频道!