热门关键字:
jquery > jquery教程 > html5 > CSS规则特性

CSS规则特性

437
作者:管理员
发布时间:2020/6/7 13:04:26
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1831

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

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

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



  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>css优先级演示</title>
  6. <style type="text/css">
  7. /*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/
  8. body{
  9. font-family:"楷体","微软雅黑";
  10. }
  11. /*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/
  12. h1{
  13. color:red;
  14. }
  15. h1{
  16. font-size:50px;
  17. }
  18. /*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/
  19. h2{
  20. color:green;
  21. }
  22. /*.....*/
  23. h2{
  24. color:yellow;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <h1>HELLO WORLD!</h1>
  30. <h2>你好,世界!</h2>
  31. </body>
  32. </html>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:CSS3
友荐云推荐