准备使用 CSS 模板或框架答案

【问题标题】：Ready to use CSS Template or Framework准备使用 CSS 模板或框架
【发布时间】：2012-06-06 18:35:01
【问题描述】：

您知道纯 CSS 模板的来源吗？建立一个简单的 Web 项目后，我总是希望有一个 CSS 文件：

为段落和标题设置合理的字体设置
润色我的锚标签
为我的表单设置样式（如果我必须为这个表单触摸 HTML - 没问题）
使用偶数和奇数设置表格样式（我使用页眉和页脚等）
也许给我一些方便的错误框类等。

因此，如果我在 Google 上搜索这样的 CSS 文件，我会发现带有 HTML 结构和大量 CSS 的 CSS 主页模板，如果不进行太多更改，我将无法使用它们。我找到了完美表格的 CSS 示例，以及完美表格的其他示例，但我没有找到单个 CSS 文件，当加载到格式正确的 HTML 网站中时，它看起来“不错”，而不是纯 HTML 的样子。

你懂我吗？有人给我提示吗？

【问题讨论】：

标签： html css forms css-tables

【解决方案1】：

Twitter Bootstrap 可能会让您感兴趣，但我相信它也包含一些 javascript。

编辑：正如评论中提到的，您可以在不使用任何 javascript 的情况下使用许多 Bootstrap 功能。

【讨论】：

Twitter Boostrap 不使用 Javascript 进行基本布局。它仅用于更高级的“组件”和“Javascript 插件”。
应用 CSS 后，我必须为我的表格提供类表格。并对我的表单布局进行一些更改。 Bootstrap 是个好主意。

【解决方案2】：

我个人使用过引导程序，我喜欢它。在带宽允许的情况下，我还为其他几个人添加了书签。

更新：在相关问题上，我还会检查 CSS 预处理器，例如 Sass 和 LESS，它们可以帮助编写更好的 CSS 并建立一个自定义库以跨项目使用。

【讨论】：

【解决方案3】：

也许可以试试 Twitter Bootstrap 的 CSS。除了一些更花哨的元素行为外，还提供各种简单而优雅的一致样式。

更新：

添加到 Yonix 的相关列表中，以下是可选的 CSS 预处理器，这使得使用 CSS 更容易理解：

自学 CSS 时会有一些学习曲线，但一些基本的 CSS 比您想象的要容易。

【讨论】：

【解决方案4】：

对于快速原型设计/线框图和预制 HTML 模板，我使用 Zurb Foundation，与 Twitter Bootstrap 相比。我的建议是熟悉他们的在线文档并深入研究主要的 CSS 文件（foundation.css）。您可以使用提供的 app.css 文件在该 CSS 文件的基础上进行构建。

它带有许多预制样式（按钮、表单等），而且一切都是响应式的（适合任何尺寸的屏幕）。您可以选择包含所有插件，或仅包含 HTML 和 CSS。它还可以选择下载 HTML 模板，这些模板带有多种布局，例如博客或基本结构。我绝对喜欢它！

【讨论】：