关于网站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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值