CSS样式命名+CSS文件命名

一.网页外层重要部分CSS样式命名

外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部

二.CSS样式命名 说明

#######wrapper 页面外围控制整体布局宽度
#######container或#content 容器,用于最外层
#######layout 布局
#######head, #header 页头部分
#######foot, #footer 页脚部分
#######nav 主导航
#######subnav 二级导航
#######menu 菜单
#######submenu 子菜单
#######sideBar 侧栏
#######sidebar_a, #sidebar_b 左边栏或右边栏
#######main 页面主体
#######tag 标签
#######msg #message 提示信息
#######tips 小技巧
#######vote 投票
#######friendlink 友情连接
#######title 标题
#######summary 摘要
#######loginbar 登录条
#######searchInput 搜索输入框
#######hot 热门热点
#######search 搜索
#######search_output 搜索输出和搜索结果相似
#######searchBar 搜索条
#######search_results 搜索结果
#######copyright 版权信息
#######branding 商标
#######logo 网站LOGO标志
#######siteinfo 网站信息
#######siteinfoLegal 法律声明
#######siteinfoCredits 信誉
#######joinus 加入我们
#######partner 合作伙伴
#######service 服务
#######regsiter 注册

arr/arrow 箭头

#######guild 指南
#######sitemap 网站地图
#######list 列表
#######homepage 首页
#######subpage 二级页面子页面
#######tool, #toolbar 工具条
#######drop 下拉
#######dorpmenu 下拉菜单
#######status 状态
#######scroll 滚动
.tab 标签页
.left .right .center 居左、中、右
.news 新闻
.download 下载
.banner 广告条(顶部广告条)
电子贸易相关
.products 产品
.products_prices 产品价格
.products_description 产品描述
.products_review 产品评论
.editor_review 编辑评论
.news_release 最新产品
.publisher 生产商
.screenshot 缩略图
.faqs 常见问题
.keyword 关键词
.blog 博客
.forum 论坛

三.CSS文件命名

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

来源：(http://www.divcss5.com/jiqiao/j4.shtml)