DIV+CSS 樣式表命名的規(guī)則
剛開(kāi)始寫(xiě)DIV+CSS 樣式表的時(shí)候,是記不住那些CSS樣式的屬性,但是在逐漸熟悉后,發(fā)現(xiàn)給DIV+CSS 樣式表命名也是一件頭疼的事情,本文將介紹一些相關(guān)的規(guī)則方法供大家參考。
暢談DIV+CSS 樣式表命名的規(guī)則方法
如果要是就幾行或幾十行代碼吧!就根據(jù)英文單詞就行了。可是要是多了那就不好寫(xiě)了,有時(shí)候就直接用漢語(yǔ)拼音或拼音的首字母代替。可是多了吧,自己寫(xiě)的都看不出是什么意思,別說(shuō)再讓程序員調(diào)用這些樣式了。DIV+CSS 樣式表的id和class的區(qū)別:就一句來(lái)概括,class可以定義多個(gè)值并且可以應(yīng)用到多個(gè)標(biāo)簽上,但id只能是一個(gè)。所以就開(kāi)始查一些相關(guān)的DIV+CSS 樣式表id和class的常用命名規(guī)則,請(qǐng)大家參考一下:
◆首先講一下DIV+CSS 樣式表的id的常用命名規(guī)則如下表所示:
實(shí)際上上面的DIV+CSS 樣式表的id命名也會(huì)經(jīng)常用大小寫(xiě)和_來(lái)區(qū)分,比如主導(dǎo)航就是MainNav,如果還有必要在區(qū)分就是MainNav_1,MainNav_2等等。也可以使用"類(lèi)型+變量名稱(chēng)"的規(guī)則來(lái)命名,比如寫(xiě)一個(gè)紅色字體的class,可以.f_red{}(f是font字體的縮寫(xiě))。總之原則是:大小寫(xiě)、_、縮寫(xiě),大大增強(qiáng)代碼的可讀性。
◆再講一下DIV+CSS 樣式表的class的常用命名規(guī)則如下表所示:
當(dāng)然像DIV+CSS 樣式表的id和class的命名遠(yuǎn)遠(yuǎn)不止這些,可能還會(huì)有更多的命名,你可以用一些通俗的易懂.容易理解的一些來(lái)命名,如果您有更好的DIV+CSS 樣式表的id和class的命名規(guī)則的話(huà),請(qǐng)留言,多多指教.
【編輯推薦】
- DIV CSS網(wǎng)頁(yè)布局時(shí)合理架構(gòu)CSS
- 技術(shù)分享 如何實(shí)現(xiàn)CSS橫向?qū)Ш?/a>
- 技術(shù)分享 DIV CSS網(wǎng)站布局八大竅門(mén)
- DIV CSS中id與class使用用原則與技巧
- 鼠標(biāo)經(jīng)過(guò)時(shí)改變DIV背景顏色的三種途徑