CSS三大特性之继承性

最新推荐文章于 2024-07-22 20:28:40 发布

shwanglp

最新推荐文章于 2024-07-22 20:28:40 发布

阅读量597

点赞数

分类专栏： CSS HTML5

本文链接：https://blog.csdn.net/shwanglp/article/details/53443429

版权

HTML5 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

很多人都学习CSS相关的特性，但是对于这三大特性的使用方法不是很了解，下面从开始到后续介绍一下关于CSS的三大特性的概念和使用场景。

CSS的三大特性包括：继承性层叠性优先性

1. 继承性

概念：继承，顾名思义，儿子继承了父亲的特性。子元素继承父元素的样式。

可以继承的属性： text-，font-，line- 这些元素开都均可以继承，嗨又color属性也是可以继承的。

特殊性： a标签的颜色不能继承，必须对a标签本身进行设置；h标签的字体大小不能继承，必须对h标签本身进行修改。继承的

下面的简单例子包含的一般性和特殊性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>inherited</title>
    <style>
        div{
            text-align: center;
            font-size: 30px;
            line-height: 20px;
            color: green;
        }
    </style>
</head>
<body>
    <div>
        <h1>这个是标题</h1>
        <a href="#">我是超链接</a>
        <p>香皂</p>
        <p>洗发水</p>
        <p>沐浴露</p>
        <p>洗手液</p>
    </div>
</body>
</html>

输出结果和调试结果如下：