div+css樣式表的id和class經常使用命名規則

昨天在OECP社區看見一篇很好的文章，《div+css樣式表的id和class經常使用命名規則》以爲頗有用，因此轉載給你們分享一下。

用div+css樣式表寫頁面有一段時間了，起初寫div+css樣式表的時候，最讓我頭疼的不是怎麼寫樣式，而是給div+css樣式起名，怎麼樣起才合適呢？要是就幾行或幾十行代碼吧！就根據英文單詞就好了。但是要是多了那就很差寫了，有時候就直接用漢語拼音或拼音的首字母代替。但是多了吧，本身寫的都看不出是什麼意思，別說再讓程序員調用這些樣式了。div+css樣式表的id和class的區別:就一句來歸納, class能夠定義多個值而且能夠應用到多個標籤上，但id只能是一個。因此就開始查一些相關的div+css樣式表id和class的經常使用命名規則，請你們參考一下：

首先講一下div+css樣式表的id的經常使用命名規則以下表所示:

實際上上面的div+css樣式表的id命名也會常常用大小寫和_來區分，好比主導航就是MainNav,若是還有必要在區分就是MainNav_1,MainNav_2等等。也可使用"類型+變量名稱"的規則來命名，好比寫一個紅色字體的class,能夠.f_red {}(f是font 字體的縮寫)。總之原則是：大小寫、_、縮寫，大大加強代碼的可讀性。

再講一下div+css樣式表的class的經常使用命名規則以下表所示:

固然像div+css樣式表的id和class的命名遠遠不止這些,可能還會有更多的命名,你能夠用一些通俗的易懂.容易理解的一些來命名,若是您有更好的div+css樣式表的id和class的命名規則的話,請留言，多多指教.

 

本文轉載自oecp社區http://www.oecp.cn/hi/listly/blog/220