HTML5 / CSS3无类框架

Question

有没有人知道一个简单的HTML5 / CSS3框架，它应用最少的格式而不需要自定义类名？理想情况下，它只需要正确布局的HTML5，并使用常用规则（例如侧边栏宽度等）以最小的灵活性定位元素。

使用HTML5，对自定义类名称的需求更少，包括header，nav或aside等元素，但我还没有看到充分利用这一点的框架。有什么想法吗？

澄清：我经历过所有常见的嫌疑人（Bootstrap，HTML％Boilerplate，Shim等），但没有一个让我感到痒痒。而itch是一个简单的HTML5结构组合，它不假设设计，而是在语义上定义所有内容，使用简单的CSS3样式表定义实际布局。我可以使用几个样式表来设想它，其中一个定义元素的布局，并为实际设计分开一个。它将被用作各种项目的简单起点，可以在以后单独定制。

显然，我可能需要按照韦斯利提出的方式，自己写一个......

Answer 1

听起来你想要的不是CSS框架，而只是一个简单的自定义样式表。

不要劝阻你寻找已经存在的东西，但你最好自己写一下。也许从现有的reset.css中的一个开始。没有通过类名挂钩（或输出）的默认样式不是很灵活。

你真的不应该避免上课，你应该利用它们。没有框架会知道HTML元素嵌套的位置和方式，或者基于标记名称它们应该是什么样的，这就是我们通常使用类的原因之一。

如果您密切关注新HTML5元素的语义，您会发现header并不总是意味着“带有您徽标的页面顶部”，footer不是只是整个页面底部的元素，而aside并不总是等同于“侧边栏”。

Answer 2

我发现了一个非常相似的需求，最终制作了自己的项目：https://github.com/oxalorg/sakura

您只需要放入sakura.css，就可以了，不需要对HTML进行任何更改。

这是演示：https://oxal.org/projects/sakura/demo/

Answer 3

您可以使用HTML5 Boilerplate开始HTML5应用程序。

Dan Wahlin发布了一篇关于设置它的好文章：

http://weblogs.asp.net/dwahlin/archive/2011/06/05/getting-started-using-html5-boilerplate.aspx

Answer 4

我自己没有多少经验，但您可能会发现Twitter Bootstrap有帮助。它使用网格系统，可以轻松地在页面上定位元素。这对于在页面上创建侧边栏和其他常用功能区域特别有用。

然而，它与你所建议的有点相反，因为它使用了相当多的类。从我所看到的情况来看，这些课程都是以非常有条理的方式对待的，所以可能接近你想要的。

Answer 5

https://github.com/herrshuster/style.css

这是我目前的项目。它还没有为部署做好准备，但它正是你正在寻找的。我喜欢你的任何建议，或者你想谈谈它。 This is a test page where you can see the semantic layout

Answer 6

对于对此主题感兴趣的任何人，我建议您阅读构建articles by Heydon Pickering主题的his blog，而不使用任何课程。

---

我还建议查看my project，其目的是为博客和类似博客的网站创建fundamental classless HTML template（每个网站都有标题和作者，有网页，帖子和部分）并添加纯CSS主题就在它之上。该模板大量使用HTML5分区，页眉和页脚以及您应该在每个网站内容中放置的小部分假设。 themes是互联网上其他特定于框架的主题的端口。

有一个playground，您可以根据基本模板在各种HTML页面上测试主题（只需在框中编写主题名称，或粘贴CSS网址）。在我试图思考这个主题时，我写了bad old article。

Answer 7

https://github.com/dbohdan/classless-css上有许多不错的无类和类CSS主题列表，并附有屏幕截图！另外，您可以使用https://dohliam.github.io/dropin-minimal-css/上的下拉菜单预览几个不同的主题，很高兴看到它们的外观。