學DIV+CSS必須關注的問題

今天看了一篇不錯的文章，本身保存用吧，雖然裏面的東西還不能體會。

1、CSS命名規範：
一、文件命名規範
全局樣式：global.css；
框架佈局：layout.css；
字體樣式：font.css；
連接樣式：link.css；
打印樣式：print.css；
二、經常使用類/ID命名規範
頁 眉：header
內 容：content
容 器：container
頁 腳：footer
版 權：copyright
導 航：menu
主導航：mainMenu
子導航：subMenu
標 志：logo
標 語：banner
標 題：title
側邊欄：sidebar
圖 標：Icon
注 釋：note
搜 索：search
按 鈕：btn
登 錄：login
鏈 接：link
信息框：manage
……

2、處理瀏覽器BUG問題
關於這點，不知那位高人把CSS BUG變成順口溜了！在這裏引用一下，很容易記住的！
一、IE邊框若顯若無，須注意，定是高度設置已忘記；
二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，容器天然顯其中；
三、三像素文本慢移沒必要慌，高度設置幫你忙；
四、兼容各個瀏覽須注意，默認設置行高多是殺手；
五、獨立清除浮動須銘記，行高設無，高設零，設計效果兼瀏覽；
六、學佈局須思路，路隨佈局原理天然直，輕鬆駕馭html，流水佈局少hack，代碼清爽，兼容好，友好引擎喜歡迎。

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

4、圖片連接排版須當心
圖片連接文字連接若對齊，padding和vertical-align:middle要設定，雖差微細倒無妨。

5、IE浮動雙邊距
請用display：inline。

6、列表橫向排版
列表代碼須緊靠，空隙自消須銘記