Web标准学习:CSS样式书写风格

作者:一叶千鸟 来源:chianz 时间:2008-03-25 09:37:00 

这个格式是我自创的,经常有人问我为什么,这里做个简单总结:

1、分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开。

2、分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐。

3、分断,每个定义内的每个属性定义之间,用“分号+空格”隔开,注意定义语句与分号间无空格,“{}”内前有空格而后无空格。

4、连排,每个定义不换行,一直横排。某些编辑器会自动换行,但无大影响,毕竟定义语句很长的是少数。


 



我自己理解的优点为:一是程序结构清晰易读,不会眼花缭乱而影响发挥;二是最大化利用了空间,一屏内能显示更多定义,提高了开发效率,敲回车和空格当然是空格更方便。当然,如果需要做的更好,还得加上合理的注释。

有人质疑这么书写可能会造成太挤密,而横排阅读困难。这种弊端是显而易见的,但实际应用中,大面积的复杂语句堆在一起的情况和CSS定义精髓是相冲突的,只要优化做到家了,这种情况会很少。

另外使用某些编辑器也能避免这些问题,比如UltraEdit有一个横排操作区域提示,用来代替记事本快速编辑时很有效。

 

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

标签:样式,风格,css,标准
0
投稿

猜你喜欢

  • HTML中小meta的大作用

    2008-04-25 22:40:00
  • JavaScript中判断的优雅写法示例

    2024-04-10 10:43:46
  • 利用Pygame制作躲避僵尸游戏

    2023-07-10 20:53:12
  • python自动化操作之动态验证码、滑动验证码的降噪和识别

    2023-03-26 02:48:28
  • python 实现GUI(图形用户界面)编程详解

    2023-10-05 15:11:34
  • SQL Server 作业同步 (结合备份作业)

    2012-07-11 15:59:47
  • 代码讲解Python对Windows服务进行监控

    2023-10-07 10:59:09
  • JS 用6N±1法求素数 实例教程

    2024-04-16 08:44:59
  • CentOS7.3下mysql 8.0.13安装配置方法图文教程

    2024-01-23 09:42:10
  • 使用python实现下拉选择框和页签的方法

    2021-10-01 04:07:41
  • Golang指针的操作以及常用的指针函数

    2024-02-08 11:46:49
  • vscode中配置jupyter的详细步骤(彻底解决Failed to start the Kernel问题)

    2022-06-21 06:56:26
  • python MNIST手写识别数据调用API的方法

    2021-05-13 19:20:45
  • HTML5 第二份草案发布

    2008-06-17 17:42:00
  • js实现倒计时时钟的示例代码

    2024-04-22 22:30:13
  • OpenCV学习方框滤波实现图像处理代码示例

    2023-02-08 17:17:43
  • 用来武装Firefox的24款Web开发插件

    2010-02-28 12:40:00
  • 10大实用web应用界面技术[译]

    2009-01-20 12:40:00
  • Python中的turtle画箭头,矩形,五角星

    2023-11-22 13:38:12
  • wxPython框架类和面板类的使用实例

    2022-06-29 08:16:27
  • asp之家 网络编程 m.aspxhome.com