我的css样式写法总结
作者:Ghost 来源:css森林 发布时间:2009-01-18 13:04:00
CSS入门很简单,规则不多,写法也比较灵活,因此也带来了很多有创意的写法。跟IE一样,很好的容错性,像《 边框样式写法总结 》所说的border的写法。不过在带来方便的同时,也让开发者丢掉了程序员应有的“严谨”。可能觉得这跟样式的关系不大,没有像脚本那么严重,这是认识上的问题,抛开样式跟脚本所作用的对象不同,样式的写法在一定程度上就是一种编程,只不过少了那些被认为是程序特点的条件判断、定义变量等等。
我一直不太赞同规范死样式的写法,我的观点是使用自己熟悉的方式效率是最高的,简单的说就是让合作者尽可能的以自己熟悉的方式写代码,这种模式是我一直在探索的,不过在实际项目中,实现起来有一定的难度,因为存在合作和维护的问题。说回样式写法的问题,这里只是因为前段时间组里在讨论,所以借此机会把自己的一些写法总结一下。
/*=S 例子 */.class-a2,.class-a4,.class-b1,.class-b2,.class-c1,class-c3{width:100px;height:100px;margin-left:2em;padding:10px;}.class-e1,.class-e2,.class-e3,.class-e4{width:60px;height:60px;}/*=E 例子 */
主要有以下几点:
选择符以《 样式命名规则 》中的方式命名。
选择符以类型分,同类放一起,类的定义顺序以HTML中实际的顺序为参考,以方便查找为主。
删除不必要的空白(空格或tab)。
属性以《 样式书写顺序 》中的顺序书写,一个属性定义为一行,最后一个定义保留分号。
注释以《 注释书写规范 》中的规范书写。
简单解释下:
命名的重要相信大家都清楚了,好的名称应该是可以“自解释”的。
我习惯用文本编辑器写样式,分类可以方便查找和分享。
有些留白并不是必须,像属性前面的空白、分号后的空白等等,如“ width : 100px; ”,一个定义多了4~5个字节,最主要的是很多时候我们并不一定会使用压缩工具。
以一定的顺序写有利于查找,当然你可以用首字母排序,只是我考虑了那几乎可被忽略的性能问题。一个属性定义为一行,也是为了方便查找、使用工具对比。虽然最后一个定义的分号可以去掉,不过很容易在维护时导致很多不必要的麻烦。
统一的注释可以减少误会、节省沟通成本,也可以方便查找。
希望对还没形成自己样式书写风格的同学有所帮助,如果有更好的想法,欢迎一起讨论。
猜你喜欢
- 1、问题现象:有个网站是通过session验证的,前端时间访问正常,但近期后台session老是失效很快,根本没法操作,我设置timeout
- ASP的强大不仅仅局限于接受和显示的交互,更多的是运用ActiveX 组件进行更强大的Web应用。那究竟ActiveX组件为何物?
- 万维网联盟(W3C)发布了HTML 5规格说明书的草稿 ,这是自HTML 4在十多年前发布以来的第一个主要的修订版.在这期间,随着开发者逐渐
- 本程序属于一种特别的方法。使用范围比较有限,而且有一定的危险性。借鉴了asp后门里的一些方法。由于读取某IP的网卡MAC地址本程序通过调用a
- 描述微软开发的两个动态库存在后门允许用户查看ASP文件源程序和下载整个网站详细随IIS和Frontpage Extention server
- 作为收费应用方面的数据库管理员(DBA),公司首席信息官(CIO)经常邀请我与Sarbanes-Oxley审查员开会讨 * 司数据的安全与整合
- 上一篇相关文章:段正淳的css笔记(2)圆角的做法 1、标题右侧“更多”的实现曾经做上图所示的效果,会使用到position来相对定位到h2
- 阅读上一篇:javascript面向对象编程(一)[javascript模拟传统OOP]javascript是一种非常灵活的语言,它的灵活度
- 阅读上一章:打印样式Chapter 12 CSS布局本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都
- MaxDB和MySQL是独立的数据库管理服务器。系统间的协同性是可能的,通过相应的方式,系统能够彼此交换数据。要想在MaxDB和MySQL之
- 最近看到大家都练习写树,偶也学习学习写了一个,大家多多批评,我好进步。不过我看了一些树的xml文档都是在xml中就已经有了树的结构,所以我写
- 前几天,酋长同学在日志里提到了关于Google宽松的管理制度,一个产品任务下来是没有时间限制的,Google深信在有时间限制下的产品肯定是不
- 今天主要向大家讲述的是优化SQL Server数据库的实际操作经验的总结,同时也有对其优化的实际操作中出现的一些问题的描述,以及对SQL S
- [参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ][操作系统:Windows]
- (1)应用于客户需要与不同的数据源进行交互时。数据可能来自不同的数据库,他们都有各自不同的复杂格式。但客户与这些数据库间只通过一种标准语言进
- Exec sp_droplinkedsrvlogin ZYB,Null --删除映射(录与链接服务器上远程登录之间的映射) Exec sp_
- JavaScript Length 字符长度函数,在很多时间我们会用length函数了,因为你得前台判断一个用户输入
- 1. document.form.item 问题 (1)现有问题:现有代码中存在许多 document.formName.item(&quo
- asp之日期和时间函数示例可以使用日期和时间函数来得到各种格式的日期和时间函数语法说明示例NowNow()取得系统当前的日期和
- 本文通过实例代码介绍了如何在jscript和vbscript中使用操作FileSystemObject(fso)对象模式来编程.