前些天群里一个朋友说他做CSS样式时，命名把他自己都搞昏了~~hehe
如果在最开始对命名没有一个规范和规划，很可能把自己弄得团团转，这里呢，有一些我平时自己用的命名规范（确切的说是习惯），拿出来分享~~
在 CSS 里面，一般习惯用中划线法（如 comment-list）、下划线法（如 comment_list）、骆驼命名法（如 commentList）和帕斯卡命名法（如 CommentList）：
外 层： wrap
主导航： mainbav（globalnav）
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
子导航： subnav
页 脚： footer
页 眉： header
页 脚： footer
侧 栏： sidebar
主题内容： main_content
商 标： label
标 题： title
标 志： logo
标 语： banner
登录条： loginbar
菜单内容： menu_content
菜单容量： menucontainer
子菜单： submenu
边导航图标：sidebaricon
注释： note
面包屑： breadcrumb(即页面所处位置导航提示）
容 器： container
内 容： content
搜 索： search
登 陆： login
功能区： shop(如购物车，收银台)
当前的： current
滚 动： scroll
标签页： tab
文章列表： list
提示信息： msg
小技巧： tips
加 入： joinus
指 南： guild
服 务： service
热 点： hot
新 闻： news
下 载： download
注 册： regsiter
状 态： status
按 钮： btn
投 票： vote
合作伙伴： partner
友情链接： friendlink
版 权： copyright
样式文件命名
主要的 master.css
布局，版面 layout.css
公共演示 style.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
其实css命名的一个主体规律就是以功能命名而不是以样式和位置等信息命名~
魔琳人生：www.linlife.com
50条评论 so far
Leave a comment
很好，谢谢分享！
By DIno on 08.23.08 6:59 pm | Permalink
当初刚进森林的时候，我在blog里就更新了关于命名以及简单css框架的文章。
命名的规则可以多种多样，毕竟创建、使用以及修改都是自己人。所以这个规则制定的灵活度非常的大。
在我的公司未推行我的规则的时候，徒弟用的纯数字命名，包括她的html全部用数字，也很好啊！
By weilaixu on 08.24.08 3:37 pm | Permalink
哇,你们进入数字时代了耶!
By 匿名 on 08.24.08 5:27 pm | Permalink
刚才匿名是我发的.
对于没有太多意义,基本上完全相同的物体,添加class属性仅仅是用作hook的,是可以用使用类似.foo-1, .foo-a 之类的名称的. 但是.foo-left, .foo-red的就不大明智了.
对于各种类型网站有自己命名规范,新闻的,出版物的,商品的…命名规范也各自不同, 有的是有microformat可以参考,但这样目前还是草案阶段,可以借鉴,再根据自己的需要修改.
像是文章类型的命名可以参考hAtom草案或M$的WebSlice.
By Ashung on 08.24.08 5:49 pm | Permalink
谢谢各位 在我不在家时来捧场～～
这些也都是我自己用的一些习惯，算不上什么规范
每个人都有自己的习惯用法·这里仅供参考。
By 魔琳 on 08.26.08 8:53 pm | Permalink
WtZQND Buy Viagra
By Buy Viagra on 08.14.10 7:17 pm | Permalink
dgmXUO Cialis
By Cialis on 08.15.10 4:41 am | Permalink
zhoZAE Cheap Cialis
By Cheap Cialis on 08.15.10 1:55 pm | Permalink
vmAMNx Cialis
By Cialis on 08.15.10 11:05 pm | Permalink
HqsBYgu Buy Viagra online
By Buy Viagra online on 08.16.10 8:34 am | Permalink
XNwqivDo Cheap viagra
By Cheap viagra on 08.16.10 6:03 pm | Permalink
tyPHsGLu Cialis
By Cialis on 08.17.10 3:30 am | Permalink
fPVXvM Cheap Cialis
By Cheap Cialis on 08.17.10 12:54 pm | Permalink
RUzgJX Cheap Cialis
By Cheap Cialis on 08.17.10 10:17 pm | Permalink
LKSGUe Cheap Cialis
By Cheap Cialis on 08.18.10 7:46 am | Permalink
QaOihjDf Buy Viagra online
By Buy Viagra online on 08.18.10 5:15 pm | Permalink
BwmOGQ Cheap viagra
By Cheap viagra on 08.19.10 2:25 am | Permalink
hxLnXTDL Viagra
By Viagra on 08.19.10 11:45 am | Permalink
NHCZtFRK Cialis
By Cialis on 08.19.10 9:20 pm | Permalink
TvIsTu Viagra
By Viagra on 08.20.10 6:29 am | Permalink
htrNVAo Buy Cialis Online
By Buy Cialis Online on 08.20.10 3:53 pm | Permalink
EoEHjX Buy Viagra online
By Buy Viagra online on 08.21.10 1:16 am | Permalink
cVOZzn Buy Viagra
By Buy Viagra on 08.21.10 10:34 am | Permalink
dsjRcHr Cialis
By Cialis on 08.21.10 7:48 pm | Permalink
YiZjCaOF Cheap Cialis
By Cheap Cialis on 08.22.10 5:38 am | Permalink
HylOdkfl Buy Viagra
By Buy Viagra on 08.22.10 3:28 pm | Permalink
ViHHgUd Buy Cialis
By Buy Cialis on 08.23.10 1:16 am | Permalink
BWPveVV Cialis
By Cialis on 08.23.10 10:52 am | Permalink
veDXOfG Cialis
By Cialis on 08.23.10 8:16 pm | Permalink
NUEtTgT Cheap viagra
By Cheap viagra on 08.24.10 5:33 am | Permalink
chBzfg Buy Cialis
By Buy Cialis on 08.24.10 3:01 pm | Permalink
yHHCNv Phentermine
By Phentermine on 08.25.10 12:14 am | Permalink
bkJXipj Buy Viagra
By Buy Viagra on 08.25.10 9:30 am | Permalink
hePATUUU Viagra
By Viagra on 08.25.10 6:55 pm | Permalink
OvwwxEjz Buy Viagra
By Buy Viagra on 08.26.10 4:14 am | Permalink
DbjqeP Buy Viagra
By Buy Viagra on 08.26.10 1:37 pm | Permalink
OWgVGfP Cialis
By Cialis on 08.26.10 10:54 pm | Permalink
NLjOtMRL Cialis
By Cialis on 08.27.10 8:13 am | Permalink
WrPGJaVv Phentermine
By Phentermine on 08.27.10 5:27 pm | Permalink
SQPbPJB Buy Viagra
By Buy Viagra on 08.28.10 2:55 am | Permalink
hpbuxbG Buy Viagra
By Buy Viagra on 08.28.10 12:06 pm | Permalink
rpTPyj Xanax online
By Xanax online on 08.28.10 10:10 pm | Permalink
rgBAUYI Buy Tramadol
By Buy Tramadol on 08.29.10 10:38 am | Permalink
CFInvghN Buy Cialis Online
By Buy Cialis Online on 08.29.10 9:10 pm | Permalink
iJHTMDeS Buy Cialis Online
By Buy Cialis Online on 08.30.10 6:26 am | Permalink
CIwsGpo Ambien
By Ambien on 09.06.10 6:30 pm | Permalink
bPqgarbz Buy Cialis Online
By Buy Cialis Online on 09.07.10 3:49 am | Permalink
zjQFiqeF Viagra
By Viagra on 09.07.10 12:46 pm | Permalink
xRVulkOK Phentermine
By Phentermine on 09.07.10 9:47 pm | Permalink
ThPgBTF Cheap viagra
By Cheap viagra on 09.08.10 3:31 pm | Permalink
发表评论