3

谁能告诉我CSS frameworks，以及如何使用它们？

4

7 回答 7

8

来自维基百科：

CSS 框架是一个预先准备好的库，旨在允许使用级联样式表语言更轻松、更符合标准的网页样式。与编程和脚本语言库一样，CSS 框架通常作为 HTML 中引用的外部 .css 工作表合并。它们为设计和布局网页提供了许多现成的选项。虽然其中许多框架已经发布，但一些作者主要将它们用于快速原型设计，或用于学习并更喜欢“手工制作”适合每个已发布站点的 CSS，而无需设计、维护和下载具有许多未使用功能的开销在网站的样式中。[29]

SO上有很多材料（使用哪个框架，是否使用一个......）

于 2010-11-03T10:58:46.613 回答
4

CSS 框架只是 CSS 文件。它们提供预先编写的 CSS，您可以使用框架在其 CSS 文件中定义的类名将这些 CSS 应用到 HTML。

  • 一些框架专注于一项特定任务，例如页面布局。960.gs就是一个很好的例子。
  • 一些框架更广泛，包括用于排版、表单布局、打印样式等的预先编写的 CSS。蓝图就是一个很好的例子。

一些框架还包括重置样式，它试图将所有 HTML 元素的所有样式重置为非常中性的默认值。这些会自动应用于所有 HTML 元素，因此您无需向 HTML 添加类来应用它们。其中很多都是基于Eric Meyer 的 CSS reset。

于 2010-11-03T12:42:25.213 回答
3

CSS 框架解决了以下部分或全部问题：

  1. 浏览器重置。这使所有浏览器恢复到相同的基线样式，因此您不会对在不同浏览器中呈现不同的东西感到惊讶。

  2. 布局。他们可以提供预先准备好的样式，让您以简单的方式实现某些布局。这些包括列和网格布局技术。

  3. 设计。有些提供配色方案、字体选择、排版（行间距等），以快速为您的页面提供吸引人的设计。

于 2010-11-03T11:13:59.967 回答
1

重要的是要意识到你可以混搭 - 只要你小心。

例如，我不是特别喜欢 YUI 的 Grid 框架（对于我需要的不够灵活）——我也不是特别喜欢 Blueprint 的排版（因为我不明白它在做什么，而且我认为它试图做的太多了） .

所以我将YUI CSS Reset与YUI 排版和蓝图网格一起使用！

于 2011-02-03T23:44:26.640 回答
0

CSS 框架是标记（HTML 等）页面上所有样式和布局的“包装器”。

一个例子是： http: //www.blueprintcss.org/

于 2010-11-03T11:01:09.280 回答
0

已创建的预定义功能旨在作为构建有用事物的指南。具有不同功能的不同框架通常是（编程工具）分层结构，指示可以构建什么样的功能以及它们将如何工作。

于 2016-01-15T15:26:01.707 回答
0

CSS 框架是预先准备好的库，旨在允许使用级联样式表语言更轻松、更符合标准的网页样式。

有关如何使用每个框架的更多信息，请参阅该框架的官方文档。

流行的 CSS 框架示例：

于 2016-01-14T01:56:29.560 回答