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


标题名称:CSS中级联和继承的示例分析
地址分享:http://pwwzsj.com/article/ppsige.html