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