CSS规则特性是什么

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比陇县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式陇县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖陇县地区。费用合理售后完善，10余年实体公司更值得信赖。

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

层叠性：同一个元素若存在多个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规则特性是什么”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网页题目：CSS规则特性是什么
本文路径：https://www.cdcxhl.com/article24/gccoce.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、移动网站建设、定制开发、关键词优化、小程序开发、云服务器

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

商城网站建设

App开发知识

同城分类信息