关于CSS的命名问题
1.css正规命名
子菜单： submenu 边导航图标：sidebarIcon 注释： note
面包屑： breadcrumb(即页面所处位置导航提示） 容器： container 内容： content
搜索： search 登陆： Login 功能区： shop(如购物车，收银台)
当前的 current 报头： masthead 摘要, 概要 summary或general
左边的浮动照图片 photoleft 右边的浮图片 photoright 标题 title
条目底端 entrybottom 更多 extended或.more 容器背景 containerbg
服务 service 服务链接 servicelink 线 line
文本 text 右边 rightside 版权 copyright
新闻 news 书皮 wrapper 介绍 intro-part1
专栏 column 路径 pathways片 断 section
模块 module 上导航 subnav
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 --------------------------- */
实例二
HTML
<!--START: Header --> <!--END: Header --> <!--START: Content -->
<!--START: Main Navigation --> <!--END: Main Navigation --> <!--START: Search -->
<!--END: Search --> <!--START: Submenu Navigation --> <!--END: Submenu Navigation -->
<!--START: Left Column --> <!--END: Left Column --> <!--START: Left Column -->
<!--END: Right Column --> <!--END: Content --> <!-- START: Crazyegg code -->
<!-- END: Crazyegg code --> <!--END: Body --> <!-- 1159340743 -->
CSS
/********************** Site General Tag *************************/
` /********************** Navigation Tag *************************/
/********************** Right Content Tag *************************/
/********************** Left Content Tag *************************/
/********************** Comments Tag *************************/
/********************** Header Tag *************************/
/********************** Form Tag *************************/
/********************** MOS Tag *************************/
/********************** Sub Navigation Tag *************************/
/************************ Resources Tag ***************************/
/********************** Sitemap Tag **********************/
/********************** Footer Tag *************************/
实例三（网易）
CSS
#UrsLogin #LogoNav #Column
#Content1 #bNav #Copyright
#UrsLogin #LogoNav #SearchArea
#ChannelArea #HotNews #NewsCenter
.keyword #MallArea #city
#aboutus
HTML
<!-- 通栏1 Start -->
<!-- 通栏1 End --><!-- 第1屏 Start-->
<!-- 最新消息 Start -->
<!-- 最新消息 End --><!--产品导航 Start -->
<!-- 产品导航 End--><!-- 搜索 Start -->
<!-- 搜索 End --><!-- 第1屏小Logo Start-->
<!-- 第1屏小Logo End--><!-- 无线推荐 Start -->
<!-- 铃声搜索 -->
<!-- 铃声搜索 End --><!-- 精彩推荐 --><!-- 左边内容 -->
<!-- 右边内容 -->
<!-- 精彩推荐 END-->
<!-- 无线推荐 End -->
了解更多：www.xinran001.com