寫css樣式時遇到的一些問題及體會

        昨天寫了一個主頁，好久沒怎麼寫樣式了，感受有點生疏了，最噁心的是瀏覽器的兼容性問題，我只作了火狐和ie8的兼容性，但作起來仍是挺麻煩的。

        在組合圖片的時候，就遇到組合不上，總有偏差，無法把圖片疊加到另外一張圖片上面，或者瀏覽器不兼容問題等等。其中，不少組合問題都是由於開始沒把div劃分好，致使，作的時候才發現這樣不行。有的圖片可能只能做爲背景來顯示，但有的就必須用<img/>標籤來顯示。我採用的是相對定位，開始還用了絕對定位，但由於瀏覽器分辨率問題，放棄了絕對定位。可是有個地方仍是沒弄懂，按理說，我在外div用相對定位，內div用絕對定位，這樣應該是沒問題的，但我怎麼作都不行，絕對定位仍是以屏幕座標爲主....。

        還有就是切圖的緣由咯，若是圖沒切好，那也很很差組合，有的地方，可能只須要一個像素平鋪過去就好了，但有的地方，你就必須分紅好幾塊來處理。圖片也不能切太大，由於效率問題，圖片大了，加載會很慢，頁面打開半天了，圖片還沒顯示出來，這是很悲劇的,這是必需要避免的.....總之，切圖也是很講技術的。

        最後就是瀏覽器兼容問題了，這點很噁心，但又不得不去作，由於每一個人都有本身喜歡使用的瀏覽器，A客戶喜歡使用IE,但B客戶卻在用火狐，因此，怎麼也得考慮兼容問題，其實把層分好了，不少瀏覽器仍是很兼容的，可能有小部分地方，瀏覽器會不兼容，而須要使用不一樣的樣式屬性和值。

舉個例子：

如：火狐中：margin-right:20px; 就能達到效果了，但在IE中卻多了或者差那麼點像素：margin-right:25px;才能達到效果。

咋辦？涼拌！固然咱們不能用涼拌，只要上網去百度一下你會找到不少方式解決。

解決方法是在火狐用的地方加：!important 關鍵字，加上這個的話，火狐會優先考慮帶有!important關鍵字的屬性值，而ie不這樣。

如：margin-right:20px !important; margin-right:25px; 這樣，就能在火狐和IE中達到一樣的效果了。

可是須要注意的是：margin-right:20px !important; 必須在margin-right:25px;前面，不然沒效果，不信去試試。

把臨時感想寫出來存着，但願之後能用上....