今天是   本站已创建

网络营销课堂-网络营销学习网,免费分享网络营销知识,技巧.包括百度竞价学习,网站seo优化,电子商务学习等

现在的位置: 首页 网站建设 >正文
 
2015年9月6日 ⁄ 网络营销课堂 网站建设 ⁄ 评论数 0+ ⁄ 被围观 +

  关于CSS的运用技巧有很多, 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中,遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调。 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型,从而调用不同的样式表。 或者就是利用!important 属性来实现微调的效果。 下面是具体的例子。

  下面是一段普通的 DIV 代码:

  <div id="a"></div>

  下面是有关层A在CSS样式表中的定义, 注意,这里使用了!important这个属性。

  #a{margin-left:30px!important; margin-left:20px;}

  在上面的例子中, 层a 在IE浏览器中, 左边距为20像素, 而在Firefox中, 左边距则变为30像素。 这是因为, !important在 CSS 中表示优先调用, 由于IE不能够识别这个属性, 所以在IE中, 只能够调用 “margin-left:20px;" 这个选项, 所以同样的一段代码, 在Firefox和IE中就会显示不同的样式。

  不过值得注意的是, 最新版的IE 7.0 已经可以识别 !important, 这个属性了, 但是IE 6.0仍然不能识别。 所以这个小技巧还是相当有用的.

  如果大家有更好的解决办法, 欢迎交流。

 
 
 
 
您可能还会对这些文章感兴趣!
 
目前有 1063+ 人访问,有 0+ 条评论! 感谢支持!
 

请保持页脚主题版权链接,对不知尊重别人劳动者不予提供帮助!

 
360推荐
 
 网站备案:渝ICP备14006435号-3

Powered By Zblog Theme By 流年岁月