css代码纵向和横向的特点是什么?

css代码纵向和横向的特点是什么?下面本篇文章给大家介绍一下css代码纵向和横向的特点。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css代码纵向书写的特点

  1. 每个CSS属性独立一行,一般不会出现换行或横向滚动条。

  2. 可以通过firebug等工具查找到模块,在DW中ctrl+g行定位,修改方便。

  3. 属性段落间有缩进,保证了代码的整洁,层次清楚,符合编程语言代码规范,修改更加直观。

存在的问题:代码冗余(如空格符、tab符、换行符);文件大小增加;容易出现纵向滚动条。

css代码横向书写的特点

  1. 最大化的利用了空间,单屏内能显示更多,减小了纵向滚动条出现的几率,能够快速捕获较多的信息。

  2. 减小了文件大小,省去了不必要的空格、换行等。

  3. 横向书写方便分块以及注释,便于查看CSS结构,选择符一目了然。当今显示器正朝着越来越大,越来越宽发展,基本上一行内可以显示完全。

  4. 加快编写CSS速度,不用每次敲换行和tab,并且减少拉动滚动条的次数。

  5. 如果是活动页,不用作压缩处理。使用CSS optimizers 来优化CSS是提倡的,但是使用横向书写,基本上不存在多余的空格和换行,因此可以不用压缩,这样效率和能力都会得到提高。

  6. 便于阅读和查找相关结构。代码编辑器对同行数定位做的都比较好,因此我们要解决的是如何快速纵向定位目标。横向书写时选择符纵向对齐,再加上

  7. .class_name_2 .class_name_2_1 .class_name_2_1_1的选择符层次分明,因此很容易定位到目标。

  8. 在调试小Bug的时候就可以直接打开CSS更改,不用再打开firebug去找到模块。

  9. 横向书写,是基于CSS选择符的写法,层次容易对比,更利于模块化。对整体CSS规划有好处,后期维护成本低。

  10. 便于不同版本的CSS代码对比。

存在的问题:书写过密,从而影响阅读。这种弊端显而易见,但只要优化做到家,这种状况会很少。

尽管对于现如今的带宽来说,网页文件那仅以K为单位的大小实在是微不足道,但如何将这以K来计算的网页文件精简到最小还是网页设计师们应该考虑的问题之一。而横向书写省去了不必要的空格、换行等,大大减小了文件大小。

更多css的相关知识,可访问:web前端自学!!

以上就是css代码纵向和横向的特点是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏