<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head>
<meta http-equiv="Cache-Control" content="max-age=0"/>
</head>
<card id="wapview" title="日志内容">
-- 日志内容 --<p>关于CSS的运用技巧有很多， 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中，遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准， 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员， 必须要针对不同的浏览器进行微调。 实现不同浏览器之间兼容的方法有很多， 比如利用JS探测用户的浏览器类型，从而调用不同的样式表。 或者就是利用！important 属性来实现微调的效果。 下面是具体的例子。 <br/><br/>下面是一段普通的 DIV 代码：<br/><br/>&lt;div id="a"&gt;&lt;/div&gt;<br/><br/>下面是有关层A在CSS样式表中的定义， 注意，这里使用了！important这个属性。 <br/><br/>#a{margin-left:30px!important; margin-left:20px;} <br/><br/>在上面的例子中， 层a 在IE浏览器中， 左边距为20像素， 而在Firefox中， 左边距则变为30像素。 这是因为， !important在 CSS 中表示优先调用， 由于IE不能够识别这个属性， 所以在IE中， 只能够调用 “margin-left:20px;" 这个选项， 所以同样的一段代码， 在Firefox和IE中就会显示不同的样式。 <br/><br/>不过值得注意的是， 最新版的IE 7.0 已经可以识别 !important， 这个属性了， 但是IE 6.0仍然不能识别。 所以这个小技巧还是相当有用的. <br/><br/>如果大家有更好的解决办法， 欢迎交流。 <br/><br/></p><br/><a href="wapblog.asp">返回</a> | <a href="index.asp">首页</a>
</card>
</wml>