規(guī)范的命名也是Web標(biāo)準(zhǔn)中的重要一項(xiàng)，標(biāo)準(zhǔn)的命名可以更好的看懂代碼，我想大家應(yīng)該都有這種經(jīng)歷，某日翻出自己過(guò)去寫的代碼居然看不懂了，呵呵，為了避免這種情況我們就要規(guī)范化命名，再說(shuō)了，現(xiàn)在一個(gè)項(xiàng)目不是一個(gè)人就可以完成的，是需要大家互相合作的，如果沒有規(guī)范化命名，別人就無(wú)法看懂你的代碼，大大降低了工作效率，所以必須規(guī)范化命名，這樣還顯著咱專業(yè)！

好了不多說(shuō)了，關(guān)于CSS命名法，和其他的程序命名差不多，也是有三種：駱駝命名法，帕斯卡命名法，匈牙利命名法。

【駱駝命名法】

說(shuō)到駱駝大家肯定會(huì)想到它那明顯的特征，背部的隆起，一高一低的，我們的命名也要這樣一高一低，怎么才能這樣，就用大小寫字母唄~，大寫的英文就相當(dāng)于駱駝背部的凸起，小寫的就是凹下去的地方了，但是這個(gè)也是有規(guī)則的，就是第一個(gè)字母要小寫，后面的詞的第一個(gè)字母就要用大寫，如下：

#headerBlock
.navMenuRedButton

【帕斯卡命名法】
這種命名法同樣也是大小寫字母混編而成，和駱駝命名法很像，只有一點(diǎn)區(qū)別，就是首字母要大寫，如下

#HeaderBlock
.NavMenuRedButton

【匈牙利命名法】
匈牙利命名法，是需要在名稱前面加上一個(gè)或多個(gè)小寫字母作為前綴，來(lái)讓名稱更加好認(rèn)，更容易理解，比如：

#head_navigation
.red_navMenuButton

以上三種，前兩種（駱駝命名法、帕斯卡命名法）在命名CSS選擇器的時(shí)候比較常用，當(dāng)然這三種命名法可以混合使用，只需要遵守有一個(gè)原則就可以，就是“容易理解，容易認(rèn)，方便協(xié)同工作”就OK了，沒有必要強(qiáng)調(diào)是那種命名法。

以下為于頁(yè)面模塊的常用命名

頭：header
內(nèi)容：content/container
尾：footer
導(dǎo)航：nav
側(cè)欄：sidebar
欄目：column
頁(yè)面外圍控制整體布局寬度：wrapper
左右中：left right center
登錄條：loginbar
標(biāo)志：logo
廣告：banner
頁(yè)面主體：main
熱點(diǎn)：hot
新聞：news
下載：download
子導(dǎo)航：subnav
菜單：menu
子菜單：submenu
搜索：search
友情鏈接：friendlink
頁(yè)腳：footer
版權(quán)：copyright
滾動(dòng)：scroll
內(nèi)容：content

到這節(jié)課，都是CSS非常基礎(chǔ)的知識(shí)，是為了照顧沒有一點(diǎn)基礎(chǔ)的同學(xué)，從下節(jié)課開始，將介紹CSS布局頁(yè)面中的很重要的兩個(gè)概念，也是必須要掌握的概念，如果不能很好理解的話后面再布局頁(yè)面的時(shí)候就會(huì)出現(xiàn)很多問(wèn)題。
1）盒子模型
2）內(nèi)鏈元素VS塊狀元素