Web标准学习：CSS样式书写风格
作者：一叶千鸟 来源：chianz 发布时间：2008-03-25 09:37:00
标签：样式,风格,css,标准
这个格式是我自创的，经常有人问我为什么，这里做个简单总结：
1、分类，一个模块或者同类功能定义为一类定义，每类定义之间用段落隔开。
2、分级，每类定义中的每个定义语句，根据结构或语意级别使用Tab缩进纵向对齐。
3、分断，每个定义内的每个属性定义之间，用“分号+空格”隔开，注意定义语句与分号间无空格，“{}”内前有空格而后无空格。
4、连排，每个定义不换行，一直横排。某些编辑器会自动换行，但无大影响，毕竟定义语句很长的是少数。
我自己理解的优点为：一是程序结构清晰易读，不会眼花缭乱而影响发挥；二是最大化利用了空间，一屏内能显示更多定义，提高了开发效率，敲回车和空格当然是空格更方便。当然，如果需要做的更好，还得加上合理的注释。
有人质疑这么书写可能会造成太挤密，而横排阅读困难。这种弊端是显而易见的，但实际应用中，大面积的复杂语句堆在一起的情况和CSS定义精髓是相冲突的，只要优化做到家了，这种情况会很少。
另外使用某些编辑器也能避免这些问题，比如UltraEdit有一个横排操作区域提示，用来代替记事本快速编辑时很有效。
仁者见仁智者见智的问题，这和自己习惯的开发环境有很大关系。个人愚见，仅供参考。
0
投稿猜你喜欢
从最简单的Web浏览器的登录界面开始，登录界面如下：进行Web页面自动化测试，对页面上的元素进行定位和操作是核心。而操作又是以定位为前提的，- 底层报错 error：cannot assign requested address原因 并发场景下 client 频繁请求端口建立tcp连
- python-opencv获取二值图像轮廓及中心点坐标代码：groundtruth = cv2.imread(groundtruth_pat
- 本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：公司要写一些
- 在实际工作中，有时候需要对判断字符串是否为合法的json格式解决方法使用json.loads,这样更加符合‘Pythonic'写法代
- 原来字母还可以组合成各种动物图案，真是佩服设计师的奇思妙想，很可爱，超级有趣的组合！Bembo's Zoo 猴子：羊是牛吗，勤劳的水
- 本文为大家分享了Python文本特征抽取与向量化的具体代码，供大家参考，具体内容如下假设我们刚看完诺兰的大片《星际穿越》，设想如何让机器来自
- 前言其实Python使用QQ邮箱发送Email代码很简单，短短几行代码就可以实现这个功能。使用到的模块有smtplib和email这个两个模
- 在一众有趣的Python库中，TQDW也算是独树一帜了，原因主要是因为自身所存在的功能效果，比如我们如果在写项目，往往会忘记我们要完成多少量
- python3 manage.py makemigrations # 生成数据库迁移文件python3 manage.py migrate
- django台后默认上传文件名在不使用分布式文件存储系统等第三方文件存储时，django使用默认的后台ImageField和FileFiel
- pygame.transform 模块允许您对加载、创建后的图像进行一系列操作，比如调整图像大小、旋转图片等操作，常用方法如下所示：下面看一
- Python爬虫分析前言：计算机行业的发展太快了，有时候几天不学习，就被时代所抛弃了，因此对于我们程序员而言，最重要的就是要时刻紧跟业界动态
- 为什么会讲 MRO？在讲多继承的时候，有讲到， 当继承的多个父类拥有同名属性、方法，子类对象调用该属性、方法时会调用哪个父类的属性、方法呢？
- 之前一直在windows环境使用pycharm加上virtualenv方式开发，最近由于本地多个virtualenv比较混乱，所以尝试切换a
- 在这种配置下我们要实现关键词不区分大小写搜索并高亮显示要借助ASP的正则处理了，请看下面代码：<％ Function&nbs
- 前言相比大家都听过自动化生产线、自动化办公等词汇，在没有人工干预的情况下，机器可以自己完成各项任务，这大大提升了工作效率。编程世界里有各种各
- 在许多情况下，当迁移至SQL Server 2008之前必须了解那些反对和放弃功能的具体情况。下文是几个主要功能在兼容性上的问题列表：1.S
- 一. 问题：在写调用谷歌翻译接口的脚本时，老是报错，我使用的的是googletrans这个模块中Translator的translate方法
- 穿过云朵升一级是要花6个金币的，有的时候金币真的很重要前言嗨喽，大家好呀！这里是魔王~一天晚上，天空中掉下一颗神奇的豌豆种子，正好落在了梦之
