网页样式表CSS的书写风格 (转载)
来源:互联网 发布:淘宝村2016名单如下 编辑:程序博客网 时间:2024/05/20 03:08
这个格式是我自创的,经常有人问我为什么,这里做个简单总结:
1. 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开。
2. 分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐。
3. 分断,每个定义内的每个属性定义之间,用“分号+空格”隔开,注意定义语句与分号间无空格,“{}”内前有空格而后无空格。
4. 连排,每个定义不换行,一直横排。某些编辑器会自动换行,但无大影响,毕竟定义语句很长的是少数。
我自己理解的优点为:一是程序结构清晰易读,不会眼花缭乱而影响发挥;二是最大化利用了空间,一屏内能显示更多定义,提高了开发效率,敲回车和空格当然是空格更方便。当然,如果需要做的更好,还得加上合理的注释。
有人质疑这么书写可能会造成太挤密,而横排阅读困难。这种弊端是显而易见的,但实际应用中,大面积的复杂语句堆在一起的情况和CSS定义精髓是相冲突的,只要优化做到家了,这种情况会很少。
- 网页样式表CSS的书写风格 (转载)
- 再谈CSS样式表书写风格
- CSS的个人书写风格
- 书写高效的样式表(CSS)的方法
- 谈CSS书写风格
- 谈CSS书写风格
- 链接css样式的书写顺序
- CSS的行内样式书写规范
- CSS的行内样式书写规范
- CSS样式书写顺序
- CSS 样式书写规范
- CSS样式书写规范
- CSS 样式书写规范
- CSS 样式书写规范
- CSS 样式书写规范
- CSS 样式书写规范
- CSS 样式书写规范
- CSS样式书写规则
- 例解 autoconf 和 automake 生成 Makefile 文件
- 关于“解读世界第一张互联网虚拟大脑结构图”的一点感想
- 搜索引擎优化的换位思考
- PhpView:一个以PHP语言为模板语言的模板类
- 文字垂直居中效果
- 网页样式表CSS的书写风格 (转载)
- Linux 用户权限管理
- 我们做网站的一些定律分享
- 基准面 和 投影 释义~~
- 十大金句(转载)
- phpMyAdmin的配置问题
- split的用法
- [转载] 网友曝光:东方标准赴日培训90%可出国属欺诈
- 布鲁斯口琴,我的最爱!!!