深入了解CSS级联和继承的使用
- 高洛峰原创
- 2017-03-17 10:37:071334浏览
1.在HTML中使用CSS样式表的三种方式：
（1）内联的样式表。
eg：LIN
（2）嵌入式样式表。
即在<head>标签内嵌入
这些属性与css规则相冲突时，总是被css规则覆盖。
4.在规则中使用！important
用！important 指定的规则比其他规则都重要。
eg： em { color ：bule ！important；}
注意：用户首创的！important规则优先于作者的规则。
用户定义的样式表应该声明是！important。
5. @import规则，导入文件。
eg：h1 {color：red；}
@import url（“style.css”）;
/*style.css*/
h1{color：green；}
以上代码，最终h1为红色。因为默认使用导入的样式表出现在原始样式表规则之前。
6.继承
（1）注意display，border，margin，padding属性是不继承的。
（2）background-color不是继承，在没有设置时，它的默认值是特别值transparent。
（3）继承相对值时，在传递给子代之前，首先计算该值。
（4）指定继承：inherit特殊值
eg：p .standout{ border :1px solid blue ;}
p .standout{ border:inhert;}
注意：css 1发行时，作者的！important样式优先于用户的！important样式。
css2中，用户的！important样式优先于作者的！important样式。
以上是深入了解CSS级联和继承的使用的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn