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：
XHTML 1.0 提供了三種DTD聲明可供選擇：
過(guò)渡的(Transitional):要求非常寬松的DTD，它允許你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合x(chóng)html的寫(xiě)法)。完整代碼如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
嚴(yán)格的(Strict):要求嚴(yán)格的DTD，你不能使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如<br>。完整代碼如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
框架的(Frameset):專(zhuān)門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD，如果你的頁(yè)面中包含有框架，需要采用這種DTD。完整代碼如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//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(XHTML 1.0 Transitional)是目前理想選擇(包括本站，使用的也是過(guò)渡型DTD)。因?yàn)檫@種DTD還允許我們使用表現(xiàn)層的標(biāo)識(shí)、元素和屬性，也比較容易通過(guò)W3C的代碼校驗(yàn)。
[1] [2] [3] [4] [5] 下一頁(yè) |
您現(xiàn)在的位置： 
