使用 CSS 框架的优点

Question

我一直在考虑使用 CSS 框架，因为许多网页设计师都使用它。 他们说它很好，等等。但是使用像 960 Grid System 或 < a href="http://en.wikipedia.org/wiki/Blueprint_%28CSS_framework%29" rel="noreferrer">蓝图？ 它会让我的生活更轻松吗？ 这些框架是否考虑了邪恶的 Internet Explorer？

任何见解都会有所帮助。

Answer 1

许多框架都包含 Reset-Rules，它是单个样式表 (一般是 Meyers 或其派生），平衡元素的渲染多个浏览器。 现在，如果您决定是否使用 CSS 框架，则应该使用 Reset< /a>.

我只真正使用过 960，而且我必须说我很喜欢它。 最酷的是，您的布局是使用包含数值的类名进行布局的，这意味着您可以根据需要以编程方式确定新的布局 - 简单的数学。 在许多情况下，它还可以更快地开发复杂的布局。 Nettuts 制作了960 度视频 不久前称为“A详细查看960 CSS框架。”

您需要一个框架吗？ 不，他们有帮助吗？ 在很多情况下。 至少，我鼓励您下载 960 并使用它，从现在开始至少开始使用重置。

960 标​​记和类名称示例：

<div class="container_12">
    <div class="grid_7 prefix_1">
        <div class="grid_2 alpha">
            ...
        </div>
        <div class="grid_3">
            ...
        </div>
        <div class="grid_2 omega">
            ...
        </div>
    </div>
    <div class="grid_3 suffix_1">
        ...
    </div>
</div>

Answer 2

最好不要将框架的概念与特定框架的类型或实例混淆。 有些人认为，由于框架（例如 960）不适合特定用例，因此您应该完全避免使用框架。 疯狂的！

框架是优秀开发人员用来完成工作的工具。 熟练的开发人员甚至可能构建自己的框架供自己使用。 抽象是每个开发人员都应该掌握的强大概念。

花点时间考虑一个好的框架的定义是很有趣的：“软件的抽象提供可以通过用户代码有选择地更改的通用功能”。 也许有人会说 CSS 实际上是一个扩展 HTML 的框架。

我玩过 960，我建议尝试一下，但现在，我倾向于使用 sass。 我认为有一个 960 端口和 sass 蓝图。

我最近在一个大型企业网站上工作，我做的第一件事就是将 CSS 中的十六进制值抽象到调色板中，以便减少 CSS 文件中的冗余。 大约一个月后，客户要求我们针对不同的市场重新命名网站，这意味着更改一些精灵并更新调色板，工作就完成了。 只花了几分钟！

但至少回答你的部分问题：是的！ 使用框架有很多优点。 我什至会说，避免它们有点天真。

PS：抱歉，如果我的回答不具体，但您确实提到任何见解都会有所帮助:)

Answer 3

我同意到目前为止所说的内容。 这些框架确实加快了速度。 是的，真正了解幕后发生的事情很重要，但要回答您的问题，使用 CSS 框架有哪些优势。 我对此的看法是：

通过使用框架，您不需要成为 CSS 专家来实现任何设计。 当我需要其他人来实施设计而没有专家时，这对我特别有用。

Answer 4

这取决于。 如果你正在学习 CSS 或者项目不需要很多样式，我认为你不应该使用 CSS 框架。 另外，如果你想创建一个非常独特或特定的样式，它不会对你有太大帮助。

但是，如果您对 CSS 有经验并且项目很大，那么 CSS 框架可能会帮助您节省时间和解决问题。

是的，他们考虑了 IE。

Answer 5

CSS 框架确实可以通过一组预定义的类来帮助节省布局页面的时间。 我认为它们很棒，并且确实可以减少将设计转换为 html/css 所花费的时间。 我建议看一下我经常使用的一些。

heymuscle

960gs

1140 网格

希望这有帮助。

Answer 6

一旦你习惯了它们，CSS 框架就可以大大加快跨浏览器网站的创建速度。

IE 支持因框架而异。 有些仅支持 IE8 及更高版本。 其他支持旧版 IE 直至 IE6。

几个月前，我发布了自己的 CSS 框架“Cascade Framework”。