zoukankan      html  css  js  c++  java
  • CSS系列:CSS的继承与层叠特性

    1. CSS的继承特性

      所有的CSS语句都是基于各个标记直接的继承关系,CSS继承是指子标记会继承父标记的所有样式风格,并可以再父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式完全不会影响父标记。

      CSS的继承贯穿整个CSS设计的始终,每个标记都遵循着CSS继承的概念。

      示例:

    <!DOCTYPE html>
    
    <html>
    <head>
        <title></title>
        <style type="text/css">
            h1 {
                color: blue;
                text-decoration: underline;
            }
    
            em {
                color: red;
            }
        </style>
    </head>
    <body>
        <h1>CSS继承<em>特性</em></h1>
    </body>
    </html>

      CSS效果:

    2. CSS的层叠特性

      CSS的层叠特性可以简单的理解为“冲突”的解决方案。

      CSS优先级规则:行内样式 > ID样式 > 类别样式 > 标记样式。

  • 相关阅读:
    毕设进度21
    毕设进度20
    Javascript高级程序设计第三版-笔记
    前端踩过的坑
    thinkphp笔记
    PHP 发邮件《转》
    smarty笔记
    jquery笔记
    JS笔记
    php万年历
  • 原文地址:https://www.cnblogs.com/libingql/p/4185254.html
Copyright © 2011-2022 走看看