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

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

创新互联于2013年成立，先为杂多等服务建站，杂多等地企业，进行企业商务咨询服务。为杂多企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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中级联和继承的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！