CSS特性

最新推荐文章于 2024-02-02 20:11:12 发布

黑马程序员小张

最新推荐文章于 2024-02-02 20:11:12 发布

阅读量154

点赞数

文章标签： html5 css

本文链接：https://blog.csdn.net/z000802/article/details/123909981

版权

本文介绍了CSS中的关键特性：继承性，包括哪些属性可以继承及特殊情况；层叠性，即样式叠加与覆盖；优先级规则，详细解析了不同选择器的权重；以及权重叠加计算方法，帮助理解哪些选择器的样式会生效。

摘要由CSDN通过智能技术生成

1.继承性

特性：子元素有默认继承父元素样式的特点(子承父业)
可以继承的常见属性(文字控制属性都可以继承)
1. color
2. font-style、font-weight、font-size、font-family
3. text-indent、text-align
4. line-height
5. ......
注意点：
可以通过调试工具判断样式是否可以继承

<style>
        /* 控制文字的属性都能继承，不是控制文字的都不能继承 */
        div {
            color: pink;
            font-size: 30px;
            height: 300px;
        }
    </style>
</head>

<body>
    <div>
        这是div标签里面的文字
        <p>这是div里面的span</p>
    </div>
</body>