CSS中的!important属性用法
2014-07-11 21:51
288 查看
关于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仍然不能识别。所以这个小技巧还是相当有用的.
在疑惑的时候看到这篇文章,让我豁然开朗。博客原文地址:http://www.chinaz.com/design/2008/1219/55237.shtml
!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仍然不能识别。所以这个小技巧还是相当有用的.
在疑惑的时候看到这篇文章,让我豁然开朗。博客原文地址:http://www.chinaz.com/design/2008/1219/55237.shtml
相关文章推荐
- CSS中的!important属性用法
- CSS中提升优先级属性!important的用法总结
- CSS中的!important属性用法
- CSS中的!important属性用法
- CSS中的!important属性用法
- CSS中提升优先级属性!important的用法总结
- CSS中的!important属性用法
- CSS里 !important 属性的用法
- css中提升优先级属性!important的用法总结
- HTML、CSS里面关于 id、class、name 属性的区别和用法
- css !important用法CSS样式使用优先级判断
- css中table-layout:fixed 属性的用法
- CSS position 属性用法
- CSS中alt属性和title属性用法
- 注意CSS代码中的!important属性
- CSS属性display的用法 display=""
- 关于Internet Explorer 6(IE6)不支持CSS中!important属性
- css中table-layout:fixed 属性的用法
- CSS属性display:inline-block用法深入理解
- 【转】div+css样式表中的float和clear属性的用法及几个小实例