CSS三大特性之继承性

    xiaoxiao2021-12-14  19

    很多人都学习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>输出结果和调试结果如下:

    转载请注明原文地址: https://ju.6miu.com/read-968479.html

    最新回复(0)