代码规范:
1. 开发中合理使用缩进。除属性的缩进外,根据box的层级进行缩进
2. 命名规则。主要使用骆驼法,如:helloWold。增加可读性并比hello-world的方法减少一个字符。
3. 代码注释。块的注释使用整行,单一规则跟在规则后。
4. 版本控制。使用SVN等版本控制系统记录版本更改。
5. 代码减肥。开发完成释出后,可以删除缩进和注释,减小文件大小。
复制内容到剪贴板
代码:
/**
* screen style of www.sample.com
*
* @since 2007-4-6
* @finish 2007-4-18
* @copyright xiaop.net
* @author xiaop < xiaop@xiaop.net >
*
* SVN: $Id: screen.css 74 2007-05-31 07:19:12Z xiaop $
*/
/* basic styles */
/* frame */
.wrapper{
width: 778px;
background: #fff;
margin: 0 auto 5px auto;
padding: 0;
text-align: center;
clear: both;
}
.wrapper .heading{
height: 26px;
line-height: 26px;
padding: 0 0 0 12px;
font-size: 14px;
color: #fff;
clear: both;
}
.wrapper .heading a{
color: #fff;
text-decoration: none !important; /* sample text... */
}
.wrapper .heading img{
margin-top: .4em;
}开发流程
主要方法:
1. 常用规则 ->
2. 结构框架 ->
3. 样式规则 ->
4. 其他细化
不同规模的网站,CSS的开发原则和流程也有所不同。
对于中小网站(正常缩进,CSS代码在1000行内)
1. 归纳常用CSS规则,在建立新站点CSS时使用。
2. 根据情况分割文件。同一设备的CSS最好写在一个文件中。如:screen.css print.css
对与较大的网站
1. 布局CSS文件。不同栏目的共用的style一定要拿出来做单独文件,不同栏目加载共用CSS+特定的CSS文件。一方面可以多人协同开发,另一方面减少文件加载量和请求数。
2. 版本控制。除常规版本控制协作外,通过版本的控制也可以减少http请求数。见aoao的文章:
http://www.loaoao.com/blog/entry/34/
[
本帖最后由 xiaop 于 2007-8-8 11:35 编辑 ]