如何选择CSS框架?

如何选择CSS框架?,css,frameworks,Css,Frameworks,我在一家公司的网站上工作,我想我应该开始使用CSS框架。有很多CSS框架,最常用的是什么?为什么人们会选择使用它而不是其他框架 好吧,最受欢迎的两个是和。 两者都有各自的优势。我喜欢960gs 还有另外一个问题在争论这两个问题,你最好不要这样做 构建自己的现成CSS比学习复杂的框架要容易得多。YMMV,但我发现他们是在浪费时间 我仍然需要丰富我使用CSS框架的经验,但我使用最多的是CSS框架 这是一个由四部分组成的设置-包括重置、网格包、字体设置(不完全确定使用这些设置的优点)和应用一些基本格式

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

好吧,最受欢迎的两个是和。
两者都有各自的优势。我喜欢960gs

还有另外一个问题在争论这两个问题,你最好不要这样做


构建自己的现成CSS比学习复杂的框架要容易得多。YMMV,但我发现他们是在浪费时间

我仍然需要丰富我使用CSS框架的经验,但我使用最多的是CSS框架

这是一个由四部分组成的设置-包括重置、网格包、字体设置(不完全确定使用这些设置的优点)和应用一些基本格式的基本样式表。您可以选择要使用的零件,并且可以从中使用这些零件

我喜欢YUI库,因为它提供了一个易于切换的布局(只需更改容器包装器的一个类或id即可)-例如,
YUI-t4
在右侧提供了一个180px列,
YUI-t3
在左侧提供了一个300px列-这些模板还采用了ad块大小,这很有用

基本标记也不太糟糕:

<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框架是必要的,甚至是可取的。取决于你在做什么,以及你在markup+CSS方面有多出色,这可能不值得。这篇文章几乎触及了我在网上看到的辩论的表面,例如,这篇文章

如果您已经决定CSS框架适合您,那么您需要决定它将为您解决哪些问题。一旦你有了这个列表,你就可以开始比较不同的列表,看看它们能多好地解决你的问题

最后,有许多次要因素可能会改变特定应用程序的平衡。已经在网站上使用YUI了吗?然后、、和组合可能会出现凹凸等

我经常看到的两个参考文献是YUI和(这里有一个)


更新:我还没有看到CSS框架明确解决的一件事是(更多细节请参见此)。

是一个外观有趣的CSS框架。它可以使用blueprint、960.gs、YUI和其他可能的工具作为基础运行,但只需要引入项目所需的工具。

如果您需要构建没有默认宽度限制、流动和固定列、轻量级、基线网格、可选语义%和基于位置的网格,我的建议是使用我的


如果您需要一些特别简单的东西,您可以使用或类似于Blueprint或960.gs的东西,但重量仅为1kb。请注意,CSS框架并不总是一个好主意。我还写了一篇关于?

忘记框架,使用。您会喜欢再次编写样式表。

我使用了YUI,BlueprintCSS


将来我会考虑使用960GS,但最有可能使用推特Bootstrap

true,但是如果你发现自己经常使用类似的设计结构,那么学习一个框架,或者更好地构建自己的框架,这是有帮助的(更快)。我有一些基本的布局文件、基本排版、基本实用程序,等等,包括我需要的……但都是我自己做的。更不用说膨胀了。看,Bootstrap很适合从零开始快速构建网站。一旦你开始定制风格,你可能应该选择一些不太“臃肿”的东西。