掌握DIV+CSS網頁布局的基礎知識

CSS教程欄目中匯集了大量的CSS知識，這些知識已經非常全面了，但很多CSSer新手初來本站，依然云里霧里，現整理一些DIVCSS網頁布局常用的一些基礎知識，供大家學習，歡迎補充及提一些建議。

　　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

　　……

　　常用類的命名應盡量以常見英文單詞為準，做到通俗易懂，并在適當的地方加以注釋。對于二級類/ID命名，則采用組合書寫的模式，后一個單詞的首字母應大寫：諸如“搜索框”則應命名為“searchInput”、“搜索圖標”命名這“searchIcon”、“搜索按鈕”命名為“searchBtn