关于网站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,浏览器)