论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 11:54:20

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

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

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

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

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


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

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

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

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

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058