CSS+DIV的命名规则：

登录条:loginBar
　　标志:logo
　　侧栏:sideBar
　　广告:banner
　　导航:nav
　　子导航:subNav
　　菜单:menu
　　子菜单:subMenu
　　搜索:search
　　滚动:scroll
　　页面主体:main
　　内容:content
　　标签页:tab
　　文章列表:list
　　提示信息:msg
　　小技巧:tips
　　栏目标题:title
　　友情链接:friendLink
　　页脚:footer
　　加入:joinus
　　指南:guild
　　服务:service
　　热点:hot
　　新闻:news
　　下载:download
　　注册:regsiter
　　状态:status
　　按钮:btn
　　投票:vote
　　合作伙伴:partner
　　版权:copyRight

1.CSSID的命名

外套:wrap
　　主导航:mainNav
　　子导航:subnav
　　页脚:footer
　　整个页面:content
　　页眉:header
　　页脚:footer
　　商标:label
　　标题:title
　　主导航:mainNav(globalNav)
　　顶导航:topnav
　　边导航:sidebar
　　左导航:leftsideBar
　　右导航:rightsideBar
　　旗志:logo
　　标语:banner
　　菜单内容1:menu1Content
　　菜单容量:menuContainer
　　子菜单:submenu
　　边导航图标:sidebarIcon
　　注释:note
　　面包屑:breadCrumb(即页面所处位置导航提示)
　　容器:container
　　内容:content
　　搜索:search
　　登陆:login
　　功能区:shop(如购物车，收银台)
　　当前的current

2.样式文件命名

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

PS：1.均为class，需要扩展，则在当前命名内以“_“(下划线)和大小写和使用"in"的写法做子div的命名，写法in+父div后缀自定名称。
2.另外在编辑样式表时可用的注释可这样写：
<-- Footer -->
内容区
<-- End Footer -->

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

4.样式表中的注释:
/* GLOBAL --------------------------- */
/* LINKS --------------------------- */
/* FORMS --------------------------- */
/* IDS --------------------------- */
/* HEADER --------------------------- */
/* COLUMN 1 --------------------------- */
/* COLUMN 2 --------------------------- */
/* CLASSES --------------------------- */

CSS 类和ID的常用命名：

网站头部:

 head/header(头部)
 top（顶部）导航：   
 nav 导航具体区分：topnav(顶部导航)、
 mainnav(主导航)、
 mininav(迷你导航)、
 textnav(导航文本)、
 subnav(子导航/二级导航)

旗帜、广告和商标：

logo（旗帜）、
brand(商标)、
banner(标语)

搜索：

sreach(搜索)、
sreachbox(搜索框)、
sreachbtn(搜索按钮)、
sreachinput（搜索输入框）

注册和登录：

login(登录)、
regsiter(注册)、
userbox(用户名/通行证的文本框)、
password(密码)

页脚/底部：

foot/footer(页脚/底部)、
copyright(版权信息)、
sitemap(网站地图)