CSS代码优化7个准则

整理和优化代码不仅是为了你的CSS文件大小，还包括了维护性和可读性。以上的原理并不只是针对CSS，它们还能应用到HTML，Javascript以及其他编程语言。CSS文件不只是为了呈现给你网站的最终用户。上面的原理可以帮助用户体验以及开发者经验。运用这些原则到你未来的项目

3.使用留白
　　无论是为了自己阅读还是二次开发，都要让CSS保持良好的可读性，留白就充当了关键的角色。
　　我们不鼓励你为了得到一个更小的CSS文件，就去掉所有的空白格式，如tab，换行，空格等。这里推荐嵌套的代码使用一个tab缩进，所有属性独立一行。

　　对比上图中的两种CSS书写格式，哪一种格式能让你更加节约阅读和修改的时间呢？留白的效果显而易见，它会让你更容易管理代码。

4.移除多余的结构(frameworks)和重设(resets)

Nathan Smith的960 Grid SystemCSS framework使用的重置规则
　　如果你选择使用CSS framework，包括你自己写的，如果你去检查代码一定会发现该framework包含的一些规则并不适用于你当前的文件，它们是可以被删除的。本文由脚本之家（jb51.net）发布！转载和采集的话请不要去掉！谢谢。
　　由此可以想到的还有reset，YUI Grid CSS使用的reset和Eric Meyer’s 重设(Reset)目前都很流行， Resets能够移除不同浏览器的默认样式，使得页面在各个浏览器之间的表现一致。但是它们通常包含了一个大的网站需要的所有属性，一些例如<pre>,<code>,<sub>,<dfn>,<var>等等属性对于普通网站来说根本不会用上，删掉那些你用不上的。Eric Meyer也会鼓励你这样做！
　　framework和reset会很好的帮助你的工作，但是如果不去掉那些你用不上的使用，反而会拖累你页面的效率和可读性。

最新评论