您当前的位置:天府星空常见问题图像动画 → 问题内容

小技巧:网页样式表CSS的书写风格

作者:佚名  来源:本站整理  发布时间:2007-11-13 12:58:13

这个格式是我自创的,经常有人问我为什么,这里做个简单总结:
1. 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开。
2. 分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐。
3. 分断,每个定义内的每个属性定义之间,用“分号+空格”隔开,注意定义语句与分号间无空格,“{}”内前有空格而后无空格。
4. 连排,每个定义不换行,一直横排。某些编辑器会自动换行,但无大影响,毕竟定义语句很长的是少数。

小技巧:网页样式表CSS的书写风格


   我自己理解的优点为:一是程序结构清晰易读,不会眼花缭乱而影响发挥;二是最大化利用了空间,一屏内能显示更多定义,提高了开发效率,敲回车和空格当然是空格更方便。当然,如果需要做的更好,还得加上合理的注释。
   有人质疑这么书写可能会造成太挤密,而横排阅读困难。这种弊端是显而易见的,但实际应用中,大面积的复杂语句堆在一起的情况和CSS定义精髓是相冲突的,只要优化做到家了,这种情况会很少。
   另外使用某些编辑器也能避免这些问题,比如UltraEdit有一个横排操作区域提示,用来代替记事本快速编辑时很有效。

小技巧:网页样式表CSS的书写风格

仁者见仁智者见智的问题,这和自己习惯的开发环境有很大关系。个人愚见,仅供参考。

  • 上一篇问题:如何利用自己的域名?
  • 下一篇问题:计数器的编写方法
    • 全国统一免费热线:800-82-98988
    • 业务咨询电话:028-66533110
    • 技术支持电话:028-66533120
    • 故障抢修电话:028-85568895
    • 投诉以及建设:028-66533130
    • 售后服务电话:028-66533140
    • 业务咨询:239270001成都网站建设咨询
    •  239270002成都网站建设咨询
    •  712291959成都网站建设咨询
    •  712291960成都网站建设咨询
    •  712291950成都网站建设咨询
    •  712291951成都网站建设咨询

    MSN咨询:info@tfxk.com 技术支持:support@tfxk.com 中华人民共和国信产部备案号:蜀ICP备06017350号

    Copyright:天府星空网络科技有限公司(Tfxk.Com)2003-2009

    成都总部地址:成都市洗面桥街22号城市阳光大厦13-02.13-04.13-05室 邮编:610041

    西昌分公司地址:西昌市文汇路一环路口 电话:0834-3203999 传真:0834-3202135 邮编:615000