CSS佈局口訣

CSS佈局口訣
一、IE邊框若顯若無,須注意,定是高度設置已忘記;

二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;

三、三像素文本慢移不必慌,高度設置幫你忙;

四、兼容各個瀏覽須注意,默認設置行高可能是殺手;

五、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;

六、學佈局須思路,路隨佈局原理自然直,輕鬆駕馭html,流水佈局少hack,代碼清爽,兼容好,友好引擎喜歡迎。

七、所有標籤皆有源,只是默認各不同,span是無極,無極生兩儀—內聯和塊級,img較特殊,但也遵法理,其他只是改造各不同,一個*號全歸原,層疊樣式理須多練習,萬物皆規律。

八、圖片鏈接排版須小心,圖片鏈接文字鏈接若對齊,padding和vertical-align:middle要設定,雖差微細倒無妨。

九、IE浮動雙邊距,請用display:inline拘。

十、列表橫向排版,列表代碼須緊靠,空隙自消須銘記。 
發佈了26 篇原創文章 · 獲贊 0 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章