什么是CSS框架？

Question

有人可以告诉我CSS frameworks以及如何使用它们吗？

Answer 1

来自Wikipedia：

  

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

有一个lot of material on SO（使用哪个框架，是否完全使用一个......）

Answer 2

CSS框架只是CSS文件。它们通过使用CSS文件中框架定义的类名提供应用于HTML的预编写的CSS。

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

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

Answer 3

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

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

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

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

Answer 4

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

例如我并不特别喜欢YUI的Grid框架（对于我需要的东西不够灵活） - 我并不特别喜欢Blueprint的排版（因为我不明白它在做什么，我认为它正在尝试做太多了。）

所以我在YUI CSS Reset和YUI Typography使用Blueprint grids！

Answer 5

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

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

Answer 6

CSS框架是预先准备好的库，旨在使用层叠样式表语言实现更简单，更符合标准的网页样式。

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

流行的CSS框架示例：

• 960 Grid System
• Blueprint
• Bootstrap
• Cardinal
• Cascade Framework
• Chopstick
• Columnal
• Emastic
• Floatz
• Fluidable
• Foundation
• Gumby Framework
• Ink
• Jaidee Framework
• KNACSS
• Kube
• Kule CSS Lazy
• Malo
• Pure
• Responsive Grid System
• Semantic UI
• Skeleton
• uikit
• Unsemantic
• YAML
• Yet Another CSS Grid System
• YUI CSS grids
• Zass

Answer 7

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