根据我几年的静态网站开发经验和一些学习心得，拿出来和大家分享一下，如果写的不好，请大家不要见笑。还是一句老话，喜欢和我讨论的，请留言，我会逐个对大家的问题和对我的意见一一回复！
一、组织样式表，以便简化维护的过程
对于简单的web站点，可以只使用一个css文件。对于大型的复杂站点，对样式表进行分割以简化维护是很好的做法。那么如何分割样式表也不是盲目的把样式表（css文件）分成几部分分别放入几个文件就了事的，是需要我们仔细的考虑的。我一般用一个样式表处理基本的布局，用另一个写样式的修饰和板式处理，还有一个是以后维护新添加和删除代码的记录，那一年，那一天的记录，比如样式A:
1 body{ margin:0 auto; padding:0px;}
2 #head{ width:960px; margin:0 auto;}
3 #main{ width:960px; margin:0 auto;}
4 ..../*这里省略里面的小框架*/
5 #left{ width:200px; float:left;}
6 ..../*这里省略里面的小框架*/
7 #right{ width:750px; float:right;}
8 ..../*这里省略里面的小框架*/
9 #foot{ width:960px; margin:0 auto;}
2 #head{ width:960px; margin:0 auto;}
3 #main{ width:960px; margin:0 auto;}
4 ..../*这里省略里面的小框架*/
5 #left{ width:200px; float:left;}
6 ..../*这里省略里面的小框架*/
7 #right{ width:750px; float:right;}
8 ..../*这里省略里面的小框架*/
9 #foot{ width:960px; margin:0 auto;}
样式B:
1 a:link,a:visited{ font-size:13px; color:#eee;}
2 a:hover,a:active{ font-size:13px; color:#fff;}
3 /*这里省略N个修饰样式*/
2 a:hover,a:active{ font-size:13px; color:#fff;}
3 /*这里省略N个修饰样式*/
样式C:（这个可有可无，纯属个人习惯）
1 .msg{ width:500px;zoom:1;}
2 /*2011-06-01 Message Increase 20px*/
3 /*.msg{ width:480x;zoom:1;}*/
4 /*以下省略N个字符*/
2 /*2011-06-01 Message Increase 20px*/
3 /*.msg{ width:480x;zoom:1;}*/
4 /*以下省略N个字符*/
这样划分后，将来维护人一目了然，对于维护能够节省很多时间，提高效率。
不过请记住，每个css文件都意味着要对服务器进行一次额外的调用，会有点影响性能，所以一些开发人员喜欢使用一个大型的css文件而不是多个小文件，最终的选择实际在某种程度上取决与个人的习惯和爱好。我比较喜欢能够灵活控制和维护的简单性，如果个人使用一个大型的css文件来调用也并无不可，尽量用自己一看就懂的编写习惯来编写。
如果和很多人合作开发，就要有一个统一的样式表，比如：“TOP”是代表顶部的小导航，而“head”包含logo和搜索，“search”为搜索，“main”为整体大局的样式等，这样统一起来对团队的合作会事半功倍。
（喜欢学习的和想与我探讨各种web知识的留下你的邮箱或联系方式，或者跟我发邮件747850255@qq.com转载请自觉附上转载地址，来自博客园“明年开奥迪”)
