Question

我正在公司网站上工作，我认为我应该开始使用CSS框架。有很多CSS框架，最常用的是什么，为什么人们会选择使用它而不是其他框架？

Answer 1

首先，不要只是自动假设CSS框架是必要的，甚至是可取的。根据你正在做什么以及你在markup + CSS上有多好，它可能不值得。 Wikipedia article几乎没有触及我在网上看到的辩论的表面，例如criticism of the YUI Grids framework。

如果您已经确定CSS框架适合您，那么您需要确定它将为您解决的问题。获得该列表后，您可以开始比较不同的列表，看看它们如何解决您的问题。

最后，有许多次要因素可能会改变您的特定应用程序的余额。已在网站上使用YUI？然后，Reset，Base，Fonts和Grids组合可能会受到影响等。

我见过的最常见的两个是YUI和BluePrintCSS（这里是comparison）。

更新：我没有看到CSS框架明确解决的一件事是Setting Type on the Web to a Baseline Grid（有关详细信息，请参阅此article on composing to a vertical rhythm）。

Answer 2

理想情况下，你不这样做。

构建自己准备好的CSS而不是学习框架的复杂性是非常方便的。 YMMV，但我发现它们浪费时间。

Answer 3

Afaik，其中两个人口最多的是blueprint和960 grid system 两者都有自己的优势。我喜欢960gs。

还有另外一个SO问题辩论两个here

Answer 4

如果你需要构建没有默认宽度限制的复杂网格，流体和固定列，轻量级，基线网格，可选的semanic，％和基于定位的网格我的建议是使用我的CSS Framework Emastic。

如果您需要更简单的东西，可以使用Malo或类似于Blueprint或960.gs的东西，但只能使用1kb的重量The Golden Grid。小心不要总是CSS Framework是个好主意。我还写了一篇关于When to use CSS framework的文章？

Answer 5

Compass是一个有趣的CSS框架。它可以使用blueprint，960.gs，YUI以及其他可能作为基础运行，但只需提取项目所需的内容。

Answer 6

忘记框架，使用XCSS。你会喜欢再次写样式表。

Answer 7

我使用过YUI，BlueprintCSS。

将来我会考虑使用960gs，但很可能会使用twitter bootstrap https://github.com/twitter/bootstrap/

Answer 8

我仍然需要使用CSS框架来丰富我的经验，但我最常用的是YUI CSS library。

这是一个四部分设置 - 包括重置，网格包，字体设置（不完全确定使用它的优点）和应用一些基本格式的基本样式表。您可以选择要使用的部分，并且可以使用CDN on Yahoo! and Google。

我喜欢YUI库，因为它提供了一个易于切换的布局（只需更改容器包装器的一个类或id） - 例如yui-t4在右侧提供180px列，yui-t3提供左边是一个300px的列 - 这些模板也采用了广告块大小，这很有用。

基础标记也不错：

<div id="doc"><!—-overall document wrapper-->
    <div id="hd"><!--header / masthead--></div>
    <div id="bd">
        <div id="yui-main">
            <div class="yui-b"><!--primary block--></div>
        </div>
        <div class="yui-b"><!--secondary block--></div>
    </div>
    <div id="ft"><!--footer--></div>
</div>

你如何选择CSS框架？

8 个答案: