不同的cs S写 法有不同的优势，比如在开发时，css竖着写，按规范编码，格式缩进，一是代码 可读性 强，二是容易调试；在上线时，css让横着写，可以用gulp或grunt等构建工具编写脚本，优化css缩小css体积，使生成代码变横的。
本教程操作环境：windows7系统、css3版本、Dell G3 电 脑。
css横着写还是竖着写？
开发：竖着写，按规范编码，格式缩进，一是代码可读性强，二是容易调试
上线：用gulp或grunt等构建工具编写脚本，优化css缩小css体积，生成代码变横的
拓展：
纵向书写特点：
每个CSS属性独立一行，一般不会出现换行或横向滚动条。
可以通过firebug等工具查找到模块，在DW中ctrl+g行定位，修改方便。
属性段落间有缩进，保证了代码的整洁，层次清楚，符合 编程语言 代码规范 ，修改更加直观。
存在的问题：代码冗余（如空格符、tab符、换行符）；文件大小增加；容易出现纵向滚动条。
横向书写特点：
最大化 的 利用 了空间，单屏内能显示更多，减小了纵向滚动条出现的几率，能够快速捕获较多的信息。
减小了文件大小，省去了不必要的空格、换行等。
横向书写方便分块以及注释，便于查看CSS结构，选择符一目了然。当今 显示器 正朝着越来越大，越来越 宽 发展 ，基本上一行内可以显示完全。
加快编写CSS速度， 不用 每次敲换行和tab，并且减少拉动滚动条的次数。
如果是 活动 页，不用作压缩处理。使用CSS optimizers 来优化CSS是提倡的，但是使用横向书写，基本上不存在多余的空格和换行，因此可以不用压缩，这样效率和能力都会得到 提高 。
便于阅读和查找相关结构。 代码编辑器 对同行数定位做的都比较好，因此我们要解决的是如何快速纵向定位目标。横向书写时选择符纵向对齐，再加上
.class_n am e_2 .class_name_2_1 .class_name_2_1_1的选择符层次分明，因此很容易定位到目标。
在调试小Bug的时候就可以直接打开CSS更改，不用再打开firebug去找到模块。
横向书写，是基于CSS选择符的写法，层次容易对比，更利于模块化。对整体CSS规划有好处，后期维护 成本 低。
便于不同版本的CSS代码对比。
存在的问题：书写过密，从而影响阅读。这种弊端显而易见，但只要优化 做到 家，这种状况会很少。
尽管对于现如今的 带宽 来说，网页文件那仅以K为单位的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们 应该 考虑的问题之一。而横向书写省去了不必要的空格、换行等，大大减小了文件大小。
我们不能说哪种书写是对的，至于具体采用哪种写法依个人选择，当然 改变 习惯可能会影响一个人的工作效率，那我们提倡的是：提交的CSS样式文件是经过代码格式化的，而这个工作可以完全交给DW等工具，我们只要点击一下，整个文件就会像我们想象的那样呈现出来。这样的代码看起来很舒服，修改容易， 团队 成员 在后 续交接也会变得更加顺利。
推荐：《css视频教程》
以上就是css横着写还是竖着写的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css横着写还是竖着写 全部内容，希望文章能够帮你解决 css横着写还是竖着写 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。