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