前端入門10個css bug順口溜(轉自www.jqueryba.com)

 css瀏覽器不兼容很折騰人。天外飛仙在其他網站上趴下來的,讀了遍,還真是回事,說的蠻好的,就轉來,權當給自己做筆記,俗話說的好,好記性不如爛筆頭,也順便給大家分享。

一、IE邊框若顯若無,須注意,定是高度設置已忘記;
二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;
三、三像素文本慢移不必慌,高度設置幫你忙;
四、兼容各個瀏覽須注意,默認設置行高可能是殺手;
五、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;
六、學佈局須思路,路隨佈局原理自然直,輕鬆駕馭html,流水佈局少hack,代碼清爽,兼容好,友好引擎喜歡迎。
七、所有標籤皆有源,只是默認各不同,span是無極,無極生兩儀—內聯和塊級,img較特殊,但也遵法理,其他只是改造各不同,一個*號全歸原,層疊樣式理須多練習,萬物皆規律。
八、圖片鏈接排版須小心,圖片鏈接文字鏈接若對齊,padding和vertical-align:middle要設定,雖差微細倒無妨。
九、IE浮動雙邊距,請用display:inline。
十、列表橫向排版,列表代碼須緊靠,空隙自消須銘記。
 
原文地址 前端開發 http://www.jqueryba.com/167.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章