一:文件命名规范
reset.css 重置样式,一般用来重置浏览器的元素默认样式
global.css 全局样式,全站公用,定义页面基础样式
theme.css 主题样式,用户实现换肤功能
module.css 模块样式,用于模块的样式
master.css 母版样式,用于母版页的样式
column.css 专栏样式,用于专栏的样式
forms.css 表单样式,用于表单的样式
mend.css 补丁样式,用于维护、修改的样式
print.css 打印样式,用于打印的样式
二:id和class命名
1: 网页主体部分命名
| 网页部分 | 命名 |
|---|---|
| 最外层 | wrapper (一般用于包裹整个页面) |
| 头部 | header |
| 内容 | content |
| 侧栏 | sidebar |
| 栏目 | column |
| 热点 | hot |
| 新闻 | news |
| 下载 | download |
| 标志 | logo |
| 导航条 | nav |
| 主体 | main |
| 左侧 | main_left |
| 右侧 | main_right |
| 底部 | footer |
| 友情链接 | friendlink |
| 加入我们 | joinus |
| 版权 | copyright |
| 服务 | service |
| 登录 | login |
| 注册 | register |
2: 网页细节部分命名
(1) 导航
| 网页部分 | 命名 |
|---|---|
| 主导航 | main_nav |
| 子带航 | sub_nav |
| 边导航 | side_nav |
| 左导航 | left_nav |
| 右导航 | right_nav |
| 顶部导航 | top_nav |
(2)菜单
| 网页部分 | 命名 |
|---|---|
| 菜单 | menu |
| 子菜单 | sub_menu |
(3) 其他
| 网页部分 | 命名 |
|---|---|
| 标题 | title |
| 摘要 | summary |
| 登录条 | loginbar |
| 搜索 | search |
| 标签页 | tab |
| 广告 | banner |
| 小技巧 | tips |
| 图标 | icon |
| 法律声明 | siteinfolegal |
| 网站地图 | sitemap |
| 工具条 | tool、toolbar |
| 首页 | home、homepage |
| 子页 | subpage |
| 合作伙伴 | parter |
| 帮助 | help |
| 指南 | guide |
| 滚动 | scroll |
| 提示信息 | msg |
| 投票 | vote |
| 相关文章 | related |
| 文章列表 | list |