CSS命名规范(规则)常用的CSS命名规则
模板结构:
注意事项:
1.一律小写;
2.尽量用英文;
3.尽量下划线;
4.尽量不缩写,除非一看就明白的单词。
注释的写法:
/* Header */
内容区
/* End Header */
Id的命名:
(1)页面结构
页面外围控制整体佈局宽度:wrapper
页面内围控制整体佈局宽度:inner
容器:container
页头:header
内容:content / container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
左右中:left right center
容器子级: mod
布局: ml mc mr (左中右)
布局结构子级: modcon
(2)导航
导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
(3)信息
标题: title
摘要: summary
内容:text
发布时间:time
其他属性:other
(4)文章页
标题:title
副标题:subtitle
引用:quote
属性:metas
发布者:publisher
作者: author
责任编辑:editor
发布时间:update
动态浏览次数:views
内容:entry
(5)栏目
路径:path
(6)功能
标志:logo
广告位/幻灯片:banner
图标: icon
注释:note
热点:hot
新闻:news
下载:download
友情链接:links
版权:copyright
登陆:login
登录条:loginbar
搜索:search
表单列表/项:item
注册:register
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
指南:guild
服务:service
投票:vote
(7)特殊项
当前的: current
选中的:selected
hover: hover
父级选中样式:parent
CSS样式表文件命名
基本共用 base.css
私有的 style.css
模块 module.css
皮肤 skin.css
专栏 columns.css
文字 font.css
表单 forms.css
js文件命名
基本共用 common.js
私有的 base.css
主页的 main.js
二级页 list.js