css和id和class名的命名规范

paravoice 楼主

记得以前看<<网站重构>>一书中，曾经讲到Id selector和Class selector的命名规范。
以字母开头，下划线，数字什么的，但书早就不在了，现在找不到相关的资料。
比如就像Java里变量命名标识符的规则。

麻烦有知道的人告诉我一下，好不。
电子书也找了，没找到。不一定非要这本书里的，在其它可信赖的资料也行，比如：w3c.org
非常感谢。

[ 本帖最后由 paravoice 于 2008-5-19 10:13 编辑 ]

ivanryin

其实没什么命名规范，不要以数字开头就是了，
很多人使用拼音也一样用得好好的。
但Css是区分大小写的，就这样。
如果是一个团队来开发，那就需要规范一套命名标准了。

paravoice 楼主

原帖由 ivanryin 于 2008-5-20 00:09 发表
其实没什么命名规范，不要以数字开头就是了，
很多人使用拼音也一样用得好好的。
但Css是区分大小写的，就这样。
如果是一个团队来开发，那就需要规范一套命名标准了。

不是的哦，就像开发语言一样，这个也有命名规则，只是我找不到了。
不是说团队协作那种命名标准，我是说Css selector本身的命名，就是合法的标识符是什么？

莫非我问的太弱了？

123mai

容    器：container/box
头    部：header
主 导 航：mainNav
子 导 航：subNav
顶 导 航：topNav
网站标志：logo
大 广 告：banner
页面中部：mainBody
底    部：footer
菜    单：menu
菜单内容：menuContent
子 菜 单：subMenu
子菜单内容：subMenuContent
搜    索：search
搜索关键字：keyword
搜索范围：range
标签文字：tagTitle
标签内容：tagContent
当前标签：tagCurrent/currentTag
标　  题：title
内    容：content
列    表：list
当前位置：currentPath
侧 边 栏：sidebar
图    标：icon
注    释：note
登    录：login
注    册：register
列 定 义：column_1of3 (三列中的第一列)
         column_2of3 (三列中的第二列)
         column_3of3 (三列中的第三列)

外　套：　　wrap
主导航：　　mainnav
子导航：　　subnav
页　脚：　　footer
整个页面：　content
页　眉：　　header
页　脚：　　footer
商　标：　　label
标　题：　　title
主导航：　　mainbav（globalnav）
顶导航：　　topnav
边导航：　　sidebar
左导航：　　leftsidebar
右导航：　　rightsidebar
旗　志：　　logo
标　语：　　banner
菜单内容1： menu1 content
菜单容量：　menu container
子菜单：　　submenu
边导航图标：sidebarIcon
注释：　　　note
面包屑：　　breadcrumb(即页面所处位置导航提示）
容器：　　　container
内容：　　　content
搜索：　　　search
登陆：　　　Login
功能区：　　shop(如购物车，收银台)
当前的　　　current

2.另外在编辑样式表时可用的注释可这样写：
<-- Footer -->
内容区
<-- End Footer -->

3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

意思差不多就行~一般程序员都能看懂的~

paravoice 楼主

我晕，楼上的，你看我问什么了吗？

mudoo

那是选择符...
什么点啊.中括号啊什么的是吧.
去下个CSS2.0手册.
里面有.

paravoice 楼主

原帖由 mudoo 于 2008-5-21 19:40 发表
那是选择符...
什么点啊.中括号啊什么的是吧.
去下个CSS2.0手册.
里面有.

虽然Css手册使用多年，但一直没好好看，经再查找，仍没有发现。
哪位达人指点一下。

pobear

class和id应该是不可以以下划线开头的吧。
IE6不识别的它们定义的样式。

[ 本帖最后由 pobear 于 2008-5-22 20:25 编辑 ]

paravoice 楼主

CSS2中，标识符（包括选择子中的元素名，类和ID）只能包含字符[A-Za-z0-9]以及ISO 10646字符编号161及以上，加上连字号（-）；它们不能以连字号或数字开头。它们还可以包含转义字符加任何ISO 10646字符作为一个数字编码（见下一条）。例如，标识符"B&W?"可以写成"B\&W\?"或"B\26 W\3F"。

参考刚才在web标准化栏的css2中文手册。

zhuhaisto

提醒:最后回贴距现在 468 天，请不要无意义回复