欢迎光临
我们一直在努力

CSS规则特性是什么

这篇文章主要介绍CSS规则特性是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

继承性:父元素的声明可以被子元素继承,如字体、颜色等。

层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加

优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。

  1.  

  2. <!DOCTYPE html>

  3. <html>

  4. <head>

  5. <meta charset="UTF-8">

  6. <title>css优先级演示</title>

  7. <style type="text/css">

  8. /*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/

  9. body{

  10. font-family:"楷体","微软雅黑";

  11. }

  12.  

  13. /*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/

  14. h2{

  15. color:red;

  16. }

  17. h2{

  18. font-size:50px;

  19. }

  20. /*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/

  21. h3{

  22. color:green;

  23. }

  24. /*…..*/

  25. h3{

  26. color:yellow;

  27. }

  28. </style>

  29. </head>

  30. <body>

  31. <h2>HELLO WORLD!</h2>

  32. <h3>你好,世界!</h3>

  33. </body>

  34. </html>

以上是“CSS规则特性是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云搜网行业资讯频道!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。