css的命名有助于网站的管理和优化,有助于与后台程序人员的衔接,不要小看了css的命名,很重要哦

CSS 命名规范

css的id与class选择符为设计提供了便利，但也会使得css样式变得多和复杂，如何管理这些css样式便是摆在我们面前的一个问题，然而软件开发的经验为我们提供了一个可学习模仿的例子，软件开发中对于过程/函数/变量的命名经过多年的实践与研究已经有了一套自己的方法，借助这些方法，我们可以根据css的特性设计自己的样式命名规则，帮助我们更好的编写样式，在了解css选择符命名之前，我们先简要了解一下css对于命名的基础使用规则。

在此也说一句，以本人做网站两年的经验觉得，一个网站的整体文件分类页很重要，最终的网页还是以index为名的好，例如我自己做的网站(www.51wendang.com)

其中的文件都是以文件夹名字归类的，例如

（www.51wendang.com）就是先以文件夹分类，具体关于html的文件分类问题我会在下一篇文章中发布，敬请关注哈！

下面开始充电css吧

大小写敏感

值得注意的是，xhtml不区分大小写，允许使用大写或小写或任意组合进行编码，css的样式属性也是如此，我们可以使用大小写的css样式属性，css对于对象选择符如body、td、div也是不区分大小写。但是css对于id及class选择符名称是区分大小写的。对于id及class选择符来说class="CONTENT"不等于同css中的.content

或.Content。因此在标识id及class以及编写css样式的时候使用统一的规范来编写自己的样式。

合法字符及组合

在css及xhtml中，class及id必须由大写或小写字母开始，随后可以使用任意的字母、数字、连接线或下划线。 合法命名示例如下：

content Content CONTENT site_map site-map_1 p_1 p-1

非法命名示例如下：

2008content _mynav @blue -footer

命名建议

css虽然算不上是一种程序语言，但是程序语言的命名方式且非常有助于css的使用，良好的命名习惯对于一个Web标准网站的开发来说事半功倍，这里我们将借助于软件开发中常用到的一些命名习惯，结合css的实际应用整理出一些较好的命名习惯供参考使用。

使用具有语义的命名