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不是继承,在没有设置时,它的默认值是特别值transpar免费云主机域名ent。
  (3)继承相对值时,在传递给子代之前,首先计算该值。
  (4)指定继承:inherit特殊值
  eg:div .standout{ border :1px solid blue ;}
  div .standout{ border:inhert;}
  注意:css 1发行时,作者的!important样式优先于用户的!important样式。
  css2中,用户的!important样式优先于作者的!important样式。以上是“CSS中级联和继承的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: Css3中的transform怎么用

这篇文章主要介绍了Css3中的transform怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Css3中的transform怎么用文章都会有所收获,下面我们一起来看看吧。transform属性,最重量CSS3改变。让元素在2…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/09 08:02
下一篇 01/09 08:02

相关推荐