CSS中级联和继承的示例分析

这篇文章主要为大家展示了"CSS中级联和继承的示例分析"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"CSS中级联和继承的示例分析"这篇文章吧。

　　1.在HTML中使用CSS样式表的三种方式：

　　（1）内联的样式表。

　　eg：LIN

　　（2）嵌入式样式表。

　　即在标签内嵌入

　　这些属性与css规则相冲突时，总是被css规则覆盖。

　　4.在规则中使用！important

　　用！important 指定的规则比其他规则都重要。

　　eg： em { color ：bule ！important；}

　　注意：用户首创的！important规则优先于作者的规则。

　　用户定义的样式表应该声明是！important。

　　5. @import规则，导入文件。

　　eg：h2 {color：red；}

　　@import url（"style.css"）;

　　h2{color：green；}

　　以上代码，最终h2为红色。因为默认使用导入的样式表出现在原始样式表规则之前。

　　6.继承

　　（1）注意display，border，margin，padding属性是不继承的。

　　（2）background-color不是继承，在没有设置时，它的默认值是特别值transparent。

　　（3）继承相对值时，在传递给子代之前，首先计算该值。

　　（4）指定继承：inherit特殊值

　　eg：div .standout{ border :1px solid blue ;}

　　div .standout{ border:inhert;}

　　注意：css 1发行时，作者的！important样式优先于用户的！important样式。

　　css2中，用户的！important样式优先于作者的！important样式。

以上是"CSS中级联和继承的示例分析"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！