准备使用CSS模板或框架

时间:2012-06-06 18:35:01

标签: html css forms css-tables

您知道纯CSS模板的来源吗?设置一个简单的Web项目后,我总是希望有一个CSS文件:

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

因此,如果我谷歌这样的CSS文件,我发现CSS主页模板与HTML结构和大量的CSS,我不能使用而不会改变太多。我找到完美表格的CSS示例,完美表格的其他示例,但我找不到的是单个CSS文件,当加载到格式正确的HTML网站时,它会使它看起来“好”而不是纯HTML外观。

你帮我了吗? 有人对我有暗示吗?

4 个答案:

答案 0 :(得分:4)

Twitter Bootstrap可能对您感兴趣,但我相信它也有一些javascript。

编辑:如评论中所述,您可以在不使用任何JavaScript的情况下使用许多Bootstrap功能。

答案 1 :(得分:3)

也许尝试Twitter Bootstrap的CSS。提供各种一致的样式,简单而优雅,除了一些更高级的元素行为。

<强>更新

添加到Yonix的相关列表,以下是替代CSS预处理器,这使得使用CSS更容易消化:

在教自己CSS时有一点学习曲线,但是一些基本的CSS比你想象的要容易。

答案 2 :(得分:3)

我个人使用过bootstrap,我喜欢它。当带宽允许时,我还给其他几个人添加了书签。

更新:在相关问题上,我还会检查CSS预处理器,例如SassLESS,这有助于编写更好的CSS并构建自定义库以供使用跨项目。

答案 3 :(得分:1)

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

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