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