网络编程
位置:首页>> 网络编程>> 网页设计>> 整理及优化CSS代码的七个原则[译](3)

整理及优化CSS代码的七个原则[译](3)

作者:暴风彬彬 来源:彬Go 发布时间:2009-04-23 12:35:00 

标签:优化,代码,css,前端

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


Nathan Smith的 960 Grid System CSS framework使用的重置规则

如果你选择使用CSS framework,包括你自己写的,如果你去检查代码一定会发现该framework包含的一些规则并不适用于你当前的文件,它们是可以被删除的。

由此可以想到的还有reset,YUI Grid CSS 使用的reset和Eric Meyer’s 重设(Reset) 目前都很流行, Resets能够移除不同浏览器的默认样式,使得页面在各个浏览器之间的表现一致。但是它们通常包含了一个大的网站需要的所有属性,一些例如<pre>,<code>,<sub>,<dfn>,<var>等等属性对于普通网站来说根本不会用上,删掉那些你用不上的。Eric Meyer也会鼓励你这样做!

framework和reset会很好的帮助你的工作,但是如果不去掉那些你用不上的使用,反而会拖累你页面的效率和可读性。

5.让CSS能保证日后的维护


Doug Bowman的 stopdesign.com CSS 为层使用特殊的选择器

另一种优化CSS代码的方法是按照你的习惯将CSS生命分成清晰的结构块。将CSS文件的声明用注释分隔开并进行排版,可以更方便自己在很长时间以后重新审理这个CSS文件,到那时你的效率会高出许多。

然而,暴风彬彬更崇尚那种拆分布局风格,也就是给每种布局一个单独的CSS文件。Andy Clarke的《超越CSS》(Transcending CSS)一书也是提倡这种方法。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com