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 预处理器,例如SassLESS,它们可以帮助编写更好的 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 回答