css樣式書寫細節

以前在學習、練習的時候,寫過好些頁面。其中樣式方面的經驗都是自己不斷的練習總結出來的。雖然自己當時記住了,但過後自己就感覺忘了一大半,每次都要打開以寫的頁面看代碼才知道自己錯在哪裏了!
現在自己工作了,自己更多關注細節方面的東西。下面記錄一些自己在上班的時候遇到的問題與總結,在此作一個筆記!自己會會慢慢積累、增加、更新!
1、同樣的高度、行高,字體的表現形式不一樣,總的來說,Firefox比IE7低1px;
(修改於2010-06-29:貌似這個行高不一致只是出現在無序列表、有序列表當中,一般的塊元素如div、p都不會有這樣的情況,因爲自己只在這些環境下測試過!)
2、一般來說,要對img進行相關設定的時候,記得要對img進行強制轉換成塊元素,否則它的下面會多出5px的間隙(僅在Firefox當中)
3、如果對一個div定義了寬度後(裏面沒有任何內容),FF中沒有出現佔位,IE6、IE7中出現佔位;
4、如果對一個div沒有定義寬度(裏面沒有任何內容),IE6、FF中沒有出現點位,IE7出現點位;
今天就到這裏(2010-06-28)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章