【问题标题】:What is a CSS framework?什么是 CSS 框架?
【发布时间】:2011-05-04 10:24:30
【问题描述】:

谁能告诉我CSS frameworks,以及如何使用它们?

【问题讨论】:

标签: css twitter-bootstrap frameworks zurb-foundation


【解决方案1】:

来自Wikipedia

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

有一个lot of material on SO(用哪个框架,到底要不要用……)

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

      【解决方案3】:

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

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

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

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

      【讨论】:

        【解决方案4】:

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

        例如,我不是特别喜欢 YUI 的 Grid 框架(对于我需要的不够灵活)——我也不是特别喜欢 Blueprint 的排版(因为我不明白它在做什么,我认为它正在尝试做太多了)。

        所以我将YUI CSS ResetYUI TypographyBlueprint grids 一起使用!

        【讨论】:

          【解决方案5】:

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

          例如:http://www.blueprintcss.org/

          【讨论】:

            【解决方案6】:

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

            【讨论】:

              【解决方案7】:

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

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

              流行的 CSS 框架示例:

              【讨论】:

                猜你喜欢
                • 2023-03-26
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 2016-09-04
                • 2010-11-11
                • 1970-01-01
                • 1970-01-01
                相关资源
                最近更新 更多