解決IE和Mozilla的布局差別的利器：“!important”_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
初學div css網頁布局的設計者經常會被一個問題困擾著。
在IE和其他(Mozilla、Opera等)瀏覽器里顯示的效果經常會偏差2px。
這是因為IE對盒之間距離的解釋的bug造成的。一個技巧提示幫我們找到了解決的方法：用!important。
!important是CSS1就定義的語法，作用是提高指定樣式規則的應用優先權。
語法格式{ sRule!important }，即寫在定義的最后面，如：
最重要的一點是：IE一直都不支持這個語法，而其他的瀏覽器都支持。我們就可以利用這一點來分別給IE和其它瀏覽器不同的樣式定義。如：
在Mozilla中瀏覽時候，能夠理解!important的優先級，因此顯示#000的顏色；
在IE中瀏覽時候，不能夠理解!important的優先級，因此顯示#CCC的顏色。
可以看到，利用!important，我們可以針對IE和非IE瀏覽器設置不同的樣式，只要在非IE瀏覽器樣式的后面加上!important。
!important必定成為CSS布局的利器，請記住它、把握它、并合理的加以利用！
在IE和其他(Mozilla、Opera等)瀏覽器里顯示的效果經常會偏差2px。
這是因為IE對盒之間距離的解釋的bug造成的。一個技巧提示幫我們找到了解決的方法：用!important。
!important是CSS1就定義的語法，作用是提高指定樣式規則的應用優先權。
語法格式{ sRule!important }，即寫在定義的最后面，如：
示例代碼 [www.wf0088.com]
box{color:red !important;}
最重要的一點是：IE一直都不支持這個語法，而其他的瀏覽器都支持。我們就可以利用這一點來分別給IE和其它瀏覽器不同的樣式定義。如：
示例代碼 [www.wf0088.com]
.colortest {
border:20px solid #000 !important;
border:20px solid #CCC;
padding: 30px;
width : 300px;
}
border:20px solid #000 !important;
border:20px solid #CCC;
padding: 30px;
width : 300px;
}
在Mozilla中瀏覽時候，能夠理解!important的優先級，因此顯示#000的顏色；
在IE中瀏覽時候，不能夠理解!important的優先級，因此顯示#CCC的顏色。
可以看到，利用!important，我們可以針對IE和非IE瀏覽器設置不同的樣式，只要在非IE瀏覽器樣式的后面加上!important。
!important必定成為CSS布局的利器，請記住它、把握它、并合理的加以利用！
相關CSS教程：
- 相關鏈接：
- 教程說明：
CSS教程-解決IE和Mozilla的布局差別的利器：“!important”
。