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″/>
新聞熱點(diǎn)
疑難解答
圖片精選