西安玖佰网络 » Archivers » 关于网站CSS文件规划、CSS命名的总结
基础样式 base.css 用来导入其他样式（有时候我这里还会放那些公用的css）
表单样式 forms.css 表单的布局和外观
布局样式 layout.css 布局相关的属性
外观样式 general.css 元素的外观。有时候这个也根据色彩的不同导入其他样式 greed.css 或者 red.css 等
对于一些特殊效果的css 也要单独拿出来
比如 lightbox.css
------------------------------------------------------------------------------------
之外，也有人按照下面的方法来划分
* Basic - 基本样式为了旧浏览器。本文件导入布局，普通和表单样式文件。
* Layout - 全部页面布局。 除非改变布局否则不修改此文件。
* General - 颜色，风格，排版，非结构的布局。本文件可据需要经常编辑。
* Forms - 表单的布局和风格。如果需要可以为不同的页面而分别制作表单的css文件。
* Home - 用来控制主页而不考虑其他页面的样式。
* Print - 基本的打印样式。
------------------------------------------------------------------------------------
也可以这样：
1.样式命名
外 套： wrap
主导航： mainnav
子导航： subnav
页 脚： footet
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainbav（globalnav）
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
旗 志： logo
标 语： banner
菜单内容1： menu1 content
菜单容量： menu container
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadcrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： Login
功能区： shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写：
<-- Footer -->
内容区
<-- End Footer -->
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
查看完整版本：关于网站CSS文件规划、CSS命名的总结