整理及优化CSS代码的七个原则[译]（2）
作者：暴风彬彬 来源：彬Go 发布时间：2009-04-23 12:35:00
标签：优化,代码,css,前端
2.避免使用Hack
Jon Hick的博客 hicksdesign.co.uk/journal 使用浏览器条件性注释
Hack是一个糟糕的东西，它会为不同浏览器定义一样的代码，使得CSS繁冗。现在我们知道使用条件性注释来代替hack，他们在IE6和IE7中是被认可的，甚至IE团队也推荐这样使用。使用条件性注释服务于符合浏览器特性专用的CSS代码，因此，更小的、核心的CSS代码用来服务于遵从标准的浏览器，只有需求条件出现的时候（比如IE），才会去下载额外的CSS文件！
下面来看看IE6使用条件性注释的代码范例:
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6.css” mce_href=”ie6.css”>
<![endif]–>
这段代码使得IE6去下载额外的ie6.css解析它专用的css代码。同样的，如果针对IE7只用把上面的6与7替换就行了。
3.使用留白
无论是为了自己阅读还是二次开发，都要让CSS保持良好的可读性，留白就充当了关键的角色。
我们不鼓励你为了得到一个更小的CSS文件，就去掉所有的空白格式，如tab，换行，空格等。这里推荐嵌套的代码使用一个tab缩进，所有属性独立一行。
对比上图中的两种CSS书写格式，哪一种格式能让你更加节约阅读和修改的时间呢？留白的效果显而易见，它会让你更容易管理代码。
0
投稿猜你喜欢
- 代码如下:<％ function CheckFileContent(FileName) dim
- 阅读上一篇：垂直栅格与渐进式行距(上) 新问题来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了
- 当您使用FILESYSTEMOBJECT（fso）对象获得某个目录下的文件列表的时候，你有没有发现无法控制它们的排序方式，比如按照名字排序，
- MaxDB和MySQL是独立的数据库管理服务器。系统间的协同性是可能的，通过相应的方式，系统能够彼此交换数据。要想在MaxDB和MySQL之
- 以下所描述无理论依据，纯属经验谈。MySQL使用4.1以上版本，管他是什么字符集，一律使用默认。不用去设置MySQL。然后举个使用GB231
虽然以前我写过IE6、IE7、IE8共存的解决方案，但是看到IETester这个软件以后那些都已经没有意义了（那些办法副作用比较大，而且实现- 一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？我们可以采取“视觉欺骗 * ”——定义渐变边框来实现运行代码框&
- 本期薯片会的目的是讨论人物角色在设计中如何应用的问题。围绕了以下几个问题开展了讨论：1、 角色能干什么？2、 包含哪
- 本文由 kouyubo 整理到现在为止，只有一些已经工作的特性，他们中的一些如下:圆角从web2.0开始，开始流行使用圆角，如果你不使用圆角
- 如何用SQLMail建立一个电子刊物自动处理系统？下面我们用SQLMail来做一个电子刊物自动处理系统。在这个系统中，主要实现两个功能：1、
- 如何向前端推送用户请求的信息？postinfo.htm<head><title>asp教程之回应用户请求信息&nbs
- Microsoft SQL Server 2000的会话上下文信息使应用程序得以设置二进制值，以便在同一会话或连接上运行的多个批处理、存储过
- 在本文中，此示例标准蓝图的存储过程命名方法只适用于SQL内部，假如你正在创建一个新的存储过程，或是发现一个没有按照这个标准构造的存储过程，即
- 有时候我们需要程序截图文章中的部分字符作为摘要显示出来，这时我们一般是只希望提取的字符串是纯文本的，没有如何html标签，如果我们章节用le
- delete 删除一张大表时空间不释放，非常慢是因为占用大量的系统资源，支持回退操作，空间还被这张表占用着。truncate table 表
- 笔者认为，在创建索引时要做到三个适当，即在适当的表上、适当的列上创建适当数量的索引。虽然这可以通过一句话来概括优化的索引的基本准则，但是要做
- Q:Dreamweaver（简称DW）中如何输入空格？A：按下“Ctrl＋Shift＋空格键”或者在中
- 工作闲余，除抱有浓厚兴趣领域，我很不喜欢看些晦涩难懂的文字，于是想像茶余饭后的闲聊，随谈点话题。一次和一朋友吃饭聊天，随便聊到了他最近做的一
- HTML文档与CSS的关联常见有4种方式：1.使用link标记<link rel="stylesheet"
- It is much easier to criticize somebody else’s work than to create som
