前端开发常用类名

页面结构

1. 容器: container
2. 页头：header
3. 内容：content/container
4. 页面主体：main
5. 页尾：footer
6. 导航：nav
7. 侧栏：sidebar
8. 栏目：column
9. 页面外围控制整体布局宽度：wrapper
10. 左右中：left right center

div+css命名

1. wrapper 页面外围控制整体布局宽度
2. container或#content 容器,用于最外层
3. layout 布局
4. head, #header 页头部分
5. foot, #footer 页脚部分

导航

1. nav 导航
2. subnav 子导航
3. topnav 头部导航
4. sidebar 侧边导航
5. leftsidebar 左边导航
6. menu 菜单
7. submenu 子菜单
8. sideBar 侧边栏
9. sidebar_left, #sidebar_right 左边栏或右边栏

功能

1. main 页面主体
2. tag 标签
3. msg #message 提示信息
4. tips 小技巧
5. vote 投票
6. friendlink 友情连接
7. title 标题
8. summary 摘要
9. loginbar 登录条
10. searchInput 搜索输入框
11. hot 热门热点
12. search 搜索
13. search_output 搜索输出和搜索结果相似
14. searchBar 搜索条
15. search_results 搜索结果
16. copyright 版权信息
17. branding 商标
18. logo 网站LOGO标志
19. siteinfo 网站信息
20. siteinfoLegal 法律声明
21. siteinfoCredits 信誉
22. joinus 加入我们
23. partner 合作伙伴
24. service 服务
25. regsiter 注册
26. rr/arrow 箭头
27. guild 指南
28. sitemap 网站地图
29. list 列表
30. item 列表里的每一项
31. homepage 首页
32. subpage 二级页面子页面
33. tool, #toolbar 工具条
34. drop 下拉
35. dorpmenu 下拉菜单
36. status 状态
37. scroll 滚动
38. tab 标签页
39. left .right .center 居左、中、右
40. news 新闻
41. download 下载
42. banner 广告条(顶部广告条)

电子贸易相关

1. .products 产品
2. .products_prices 产品价格
3. .products_description 产品描述
4. .products_review 产品评论
5. .editor_review 编辑评论
6. .news_release 最新产品
7. .publisher 生产商
8. .screenshot 缩略图
9. .faqs 常见问题
10. .keyword 关键词
11. .blog 博客
12. .forum 论坛

样式文件命名

1. 主要的 main.css
2. 模块 module.css
3. 基本共用 base.css
4. 布局 layout.css
5. 主题 themes.css
6. 专栏 columns.css
7. 文字 font.css
8. 表单 forms.css
9. 补丁 mend.css
10. 打印 print.css