0
点赞
收藏
分享

微信扫一扫

CSS三特性层叠性、继承性、优先级

飞空之羽 2022-03-31 阅读 72

CSS有三个非常重要的特性:层叠性、继承性、优先级

层叠性

样式会被下面的覆盖,比如p中文字显示是pink而不是blue

 <style>
        p {
            color: blue;
        }
        /* 覆盖上面的颜色 ,且字体会显示为16px*/
        
        p {
            color: pink;
            font-size: 16px;
        }
    </style>
</head>


<body>
    <p>我是文字</p>
</body>

继承性

现实中我们继承了父亲的姓

CSS中的继承:子标签会继承付标签的某些样式,如文本颜色和字号。简单理解就是子承父业。

①恰当的使用继承可以简化代码,降低CSS样式的复杂性

②子元素可以继承父元素的样式(text-,font-,line-这些开头的可以继承,以及color属性)

③继承性口诀:龙生龙,凤生凤,老鼠儿子会打洞

 

优先级 

 

 

 

举报

相关推荐

0 条评论