關于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仍然不能識別。 所以這個小技巧還是相當有用的.
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15