css : div+css不同瀏覽器的不同處理(2009-04-24 16:07:35)
標籤：css 分類：
**設計
我們做乙個頁面，以前可能會以為最要看起來的效果能達到預先的效果就可以了。
但事實上不是那麼一回事，現在，你必須關注**，你必須讓你寫的**有自己的意義，而不是純粹為了外觀。
我們應該在標題裡使用h1,h2，在列表裡使用ul,li，有時候也會用dl,dt,dd。需要用乙個盒子把內容裝起來，方便布局的時候，我們用div。雖然我們有時候會為了頁面效果寫一些與內容無關的**進去，但這並不影響我們的概念是用讓**本身變得有意義。有些初學者會通篇都用div來寫，那樣子太傻了。
如果你養成這個習慣時，就不會犯一些錯誤，導致維護起來困難了。比如說乙個新聞列表，你可以先不考慮樣式，先定義乙個
把它裝起來。這樣以後我們只需要調整#newsbox的樣式就可以調整這個新聞列表的位置。而不是單純為了外表看起來像乙個新聞列表而去寫**。
所以我建議大家都用記事本或者用稍高階一點的記事本代替本來練習。養成盡量節省**的習慣，有些不需要重複寫的地方，就用更省**的方法去實現。
接下來的問題，主要就是明白css裡的float的用法就可以了。
你一定要完全明白float是什麼意思，
確定你真的明白了，然後你才不會犯很多錯誤，導致頁面變形。
float往往會和clear:both聯絡在一起。因為有了浮動，有時候我們就需要清除浮動，以免在那個破fox裡變形。
一般導致在不同瀏覽器相容出問題的，乙個是float沒有清除。
乙個是margin和padding各有一套計算方法
乙個是忘了dl,ul這些東東是有自帶的margin屬性的。
還有乙個，在ie6裡有個float後的雙倍margin的bug。避免這個問題的出現，切記不需要用到float的時候，就不要用。以免出現這個情況。
乙個最容易變形的情況，是在body裡定義了頁面居中時，沒有定義margin:auto;
這些都是初學者容易忽視的問題，我把問題指出來，但不要問我這些問題如何解決，原理是什麼。學會自學，自己去查資料，這才是我能夠教給你們的唯一真正有用的東西。
我們不需要買書，不需要老師，我們只是需要開啟記事本，開始練習。
然後不斷的發現問題，解決問題，並在這個過程中學習到經驗和心得。
不同瀏覽器不同效果
1.在internet explorer 8,opera 9,chrome,firefox 2 3,and safari下，新增display block會讓有序或無序列表中li元素的專案編號消失。但在ie6和ie7下，新增display block專案符號依舊存在。2.transition tra...
不同瀏覽器載入不同檔案
相對環境 ie8模擬 ie11模擬 條件ie7 ie8ie7 ie8ie9 ie10 ie11谷歌x x x x xxvvvxx x xx x xx x x xxvv v x x xx x xx x xvvv x x x x xx vvvx xx x x x x xxvvvxx x xx vvvx ...
根據不同瀏覽器寫不同css
最近幾天幫朋友弄了個簡單的生日頁面放在我的github部落格上，就有了不同瀏覽器可能發生介面的錯亂，如何解決？當然，作為乙個小白，我的思路是通過js判斷瀏覽器型別，再用jquery變換相應的樣式。事實證明是可以的。參考這裡只是進行最簡單的判別 例子 function return false if ...