CSS规则特性是什么

发布时间:2022-03-08 10:37:16 作者:小新
来源:亿速云 阅读:125

这篇文章主要介绍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规则特性是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. css vertical align对齐规则是什么
  2. css样式层叠规则是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:CSS中@规则语法是怎么样的

下一篇:CSS高级语法的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》