手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS中的!important属性用法
CSS中的!important属性用法
摘要:关于CSS的运用技巧有很多,今天主要探讨一下CSS中!important这个属性的用法。在CSS的使用中,遇到最多的问题就是不同浏览器之间的...

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

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

div/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仍然不能识别。 所以这个小技巧还是相当有用的.

【CSS中的!important属性用法】相关文章:

JS控制css float属性的用法

CSS里display的使用方法

CSS div居中的三种方法

CSS里的 no-repeat属性是什么

CSS首字下沉 :first-letter用法

CSS之overflow属性用法

CSS中关于居中的小技巧

CSS中的zoom属性和scale属性的用法及区别

CSS中margin和padding的两者对比与用法

css制作网页中的虚线(border属性的使用方法)

精品推荐
分类导航