it-swarm.cn

我什么时候应该使用CSS框架?

使用CSS框架的最佳实践场景是什么?什么时候从头开始“滚动自己的”CSS而不是使用框架?

11
Mark Hatton

CSS框架有点棘手,因为它对我来说不是真正的框架。它们只是预定义的类。但是,这不是你的问题。

CSS框架非常适合模型和线框。我不建议在实际网站上使用它们,因为它们会为您的标记添加无意义的类。 “.span3”并没有告诉我任何有关内容的信息,只告诉我设计。

但是,蓝图确实有一些很酷的工具,可以帮助您在完成后将框架类和语义类组合起来。

我总是推出自己的CSS。

11
Kevin

只要避开它们,它们就是烦人的。

特别是这一个。

* { margin:0; padding:0; }

我最大的抱怨是,如果您继承/维护使用重置和/或框架的站点,则必须先了解该框架,然后才能修改该站点。

当我添加一个h1标签时,我期待某些事情。大多数重置都会删除所有填充,边距,块等,因此默认情况下h1标记不再起作用。所以我必须回过头来添加那里的所有内容。

一般(根据我的经验),那些不了解使用重置和框架的CSS的人,这会给那些做的人带来更多的工作。

3
corymathews

我认为CSS框架提供的唯一服务是那些不熟悉CSS的人的起点。

2
Soleil

我还建议使用Eric Meyer的reset.css,但我认为CSS“框架”对布局有益。蓝图,YUI网格和960网格可以帮助您实现一些高度复杂的布局,而无需自己编写CSS。

虽然已经提到了一些缺点,但是关于在CMS上构建网站而不是滚动自定义代码也是如此,但它们仍然有用,并且对于许多网站而言,获得的好处超过任何无关的CSS或性能问题。

2
Steve Tranby

如果您实际上是在实现自己的设计,那么您将编写一些自己的CSS(除非其他人碰巧编写了您想要的确切设计)。

假设您正在编写一些自己的CSS,那么当您拥有以下样式时,“框架”会非常有用:

  1. 用于多个地方;和
  2. 复杂到足以打破他们自己的班级

对于非常简单的样式,最好使用类来表示what某些东西(例如class="navigation"),然后通过在样式表中将样式规则应用于该类来定义其外观。

但是对于不一定与任何一个元素相关的更复杂的样式(例如,与布局相关的样式,框架给出的名称类似于.span3),将它们放入类中并将其应用于CSS中的类。您可以一起使用这两种方法。

在更大,更复杂的站点中,元素可能以不可预测的方式组合在一起,类似框架的方法确实可以帮助您保持代码的可管理性。

我会说你不妨编写自己的“框架”。我把“框架”放在引号中,因为CSS真的不是那么大的语言。您可以在一天内阅读CSS:The Definitive Guide(Eric Meyer),然后阅读所有代码,例如:蓝图(一个CSS“框架”)并且非常了解正在发生的事情。您可能需要稍微研究IE变通方法,但我们谈论的复杂性至少比例如复杂度低一个数量级。 jQuery在这里。

1
Paul D. Waite

我使用蓝图,用于CSS。
正如上面所说的那样,CSS非常简单。

但是,实际上,您必须考虑平台。

使用CSS,渲染引擎增加了复杂性。

Gecko vs WebKit vs Presto vs Trident ......谁想做所有这些事情?

这里的“框架”给你的是能够编写最有可能适用于所有浏览器的布局,所以你不必去谷歌搜索'WTF-am-I-doing = -this-crap'IE 7 quirksmode修复,或同样荒谬的东西。

框架将完成您想要的90%的布局,然后您可以随后添加自己的样式。

所以,为了回答这个问题,我会说选择任何框架,看看它是否适合你。它可能会。然后你是金色的,可以回到你真正想做的事情。如果没有,则使用css扩展它,并更改不起作用的内容。这样您可以保持跨浏览器的好处,但仍然可以自定义。

作为一个小小的好处,如果你选择一个并且一直使用它,然后生病,或者得到晋升并且必须训练你的继任者,你可以说:

“是的,我使用了框架ABC。文档在这里。代码在那里。训练结束。祝你好运。”

1
chiggsy

当它解决了你所有的需求。 (这是基于剪裁的想法。)

从唯一的框架书? http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp 。 (只有链接,因为它在这里是免费的和相关的。)

0
Shawn Northen