一直在对目前的WordPress主题Js O2进行修改，在完成对comments模块的样式定制后，现在的主题样式基本成型了。但却发现主题的样式文件style.css的大小依然在16k，这个让我很是着烦。究竟样式文件的大小有多大才合适呢？
原本对本主题的设计初衷是简洁，所以我做的样式其实并不花巧，但16k的样式表我觉得并不合格。举些例子：default模板的样式表大小是9.0k，自己做过的简洁主题 Js Paper 2 样式大小是10k，而著名的K2模板样式大小却是22k。虽然没有人规定过样式的大小应该多大才合适，但考虑到其大小将直接影响到网站访问速度的话，自己觉得12k的话会比较平衡。不知道各位的意见如何？你们使用主题的样式表大小又是多少呢？
当然，我们是可以利用 Clean CSS 对style.css进行压缩，但设计源头才是控制样式大小的关键，自己能想到的有如下几点：
- 各元素样式的命名尽量简洁，能方便自己理解则可。如对侧栏的元素样式名字可取为sb，而不是全名sidebar。
- 样式代码的书写简化。如颜色代码 "#ffffff" 或 "#ffffcc" 可简写成#fff和#ffc；边距代码 "1em 0 0 0" 则可写成 "1em 0 0"；粗体控制代码 "bold" 写成 "700" 等。有兴趣的可再看看CSS的相关书箱。
- 设计尽量简单，复杂的样式设计也意味着代码的增多，万一不幸还需要对烦人的IE 6进行hack，那想缩减代码也难。所以建议遇到一些样式需要大量hack的，还不如转变设计思路，换个简单好实现的样式好了。
- 一些模板的元素样式前都带div的字样，如div#sidebar，div.navi等，我们其实可以把div去掉，只要在浏览器的效果显示一样就可。虽然这个“div”的书写很规范，但为了省些文件大小，能省就省吧。
- 尽量采用已经定义过的设计样式。譬如，如果已经设计好了文章间的分隔线是红色的，那么在站内其它需要用到分隔线的地方就尽量用回那红色的分隔线，而不是再设计一条蓝色的。当然这一点需要根据设计而定。
- 如果上面的5点还是不能有效减少你的样式文件，建议参考 How To: Optimize Your CSS Even More 这一篇文章，它介绍了如何利用gzip功能把样式文件进行压缩。其效果很明显，如我那16k的样式经过压缩后就变成4k，厉害吧。
上面几点是我目前能想到的，如果大家有什么更好的提意，说出来让我知道一下，一齐讨论讨论 
