CSS样式表书写风格及横写和竖写差异

横向连排在大产品项目中逐渐成为主流，项目中维护效率更高。

最近流行的栅格化、渐进增强等设计理念，都可以很好应用到样式表设计上。好代码应该清晰上下、左右分级，适当的分块、留白将有助于模块化设计，大大提高可扩展性、可复用性、可维护性。

总的来说，书写有如下四个方面值得探讨，并积累个人（团队）习惯：

1. 命名
2. 排版模式化
3. 属性定义顺序
4. 注释格式

如果再加上各种Hack语法，以及-moz-, -webkit-等私有定义，这个事情复杂无比。不过在组织角度可以轻而易举想到，应该把它们独立出来并分开调用。学问很深，先整理思路，有空再好好探讨总结。

根据原型框架图全部手写实现。基本技能多动手没坏处。

样式表在编辑器里写代码要注意矜持，你不是一个人在战斗。好代码就算用记事本打开也是艺术品，何况是在做设计。

css样式表横写和竖写差异对比

有人觉得竖着写css样式表方便、美观。横写的css样式表文件大小明显要比竖写的小得多，这是因为竖写的css样式表文件里存在很多空格。横着写压缩了css文件，减少了带宽，更加有利于浏览器快速加载css文件。