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://ybzwz.com/article/ppsige.html