5

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

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

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

你明白我的意思吗？有人对我有提示吗？

4

4 回答 4

4

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

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

于 2012-06-06T18:37:12.007 回答
4

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

更新：

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

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

于 2012-06-06T18:40:07.573 回答
4

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

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

于 2012-06-06T18:49:25.193 回答
2

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

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

于 2013-01-04T18:36:52.083 回答