Vevb.com的CSS教程欄目中匯集了大量的CSS知識(shí)，這些知識(shí)已經(jīng)非常全面了，但很多CSSer新手初來(lái)本站，依然云里霧里，現(xiàn)整理一些DIVCSS網(wǎng)頁(yè)布局常用的一些基礎(chǔ)知識(shí)，供大家學(xué)習(xí)，歡迎補(bǔ)充及提一些建議。
CSS命名規(guī)范
一．文件命名規(guī)范
全局樣式：global.css；
框架布局：layout.css；
字體樣式：font.css；
鏈接樣式：link.css；
打印樣式：print.css；
二．常用類(lèi)/ID命名規(guī)范
頁(yè)　眉：header
內(nèi)　容：content
容　器：container
頁(yè)　腳：footer
版　權(quán)：copyright　
導(dǎo)　航：menu
主導(dǎo)航：mainMenu
子導(dǎo)航：subMenu
標(biāo)　志：logo
標(biāo)　語(yǔ)：banner
標(biāo)　題：title
側(cè)邊欄：sidebar
圖　標(biāo)：Icon
注　釋?zhuān)簄ote
搜　索：search
按　鈕：btn
登　錄：login
鏈　接：link
信息框：manage
……
常用類(lèi)的命名應(yīng)盡量以常見(jiàn)英文單詞為準(zhǔn)，做到通俗易懂，并在適當(dāng)?shù)牡胤郊右宰⑨尅?duì)于二級(jí)類(lèi)/ID命名，則采用組合書(shū)寫(xiě)的模式，后一個(gè)單詞的首字母應(yīng)大寫(xiě)：諸如“搜索框”則應(yīng)命名為“searchInput”、“搜索圖標(biāo)”命名這“searchIcon”、“搜索按鈕”命名為“searchBtn
CSS書(shū)寫(xiě)規(guī)范及方法
一.常規(guī)書(shū)寫(xiě)規(guī)范及方法
1.選擇DOCTYPE：
XHTML1.0提供了三種DTD聲明可供選擇：
過(guò)渡的(Transitional):要求非常寬松的DTD，它允許你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合x(chóng)html的寫(xiě)法)。完整代碼如下：
<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
嚴(yán)格的(Strict):要求嚴(yán)格的DTD，你不能使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如<br>。完整代碼如下：
<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
框架的(Frameset):專(zhuān)門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD，如果你的頁(yè)面中包含有框架，需要采用這種DTD。完整代碼如下：
<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Frameset//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>
理想情況當(dāng)然是嚴(yán)格的DTD，但對(duì)于我們大多數(shù)剛接觸web標(biāo)準(zhǔn)的設(shè)計(jì)師來(lái)說(shuō)，過(guò)渡的DTD(XHTML1.0Transitional)是目前理想選擇(包括本站，使用的也是過(guò)渡型DTD)。因?yàn)檫@種DTD還允許我們使用表現(xiàn)層的標(biāo)識(shí)、元素和屬性，也比較容易通過(guò)W3C的代碼校驗(yàn)。
2.指定語(yǔ)言及字符集：
為文檔指定語(yǔ)言：
<htmlxmlns=”http://www.w3.org/1999/xhtml”lang=”en”>
為了被瀏覽器正確解釋和通過(guò)W3C代碼校驗(yàn)，所有的XHTML文檔都必須聲明它們所使用的編碼語(yǔ)言；如：
常用的語(yǔ)言定義：
<metahttp-equiv=”Content-Type”content=”text/html;charset=utf-8″/>