13

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

在 HTML5 中,对自定义类名的需求要少得多,比如header,nav或等元素aside,但我还没有看到一个框架充分利用了这一点。有任何想法吗?

澄清:我经历了所有常见的嫌疑人(Bootstrap、HTML% Boilerplate、Shim 等),但没有一个能引起我的注意。那个痒是一个简单的 HTML5 结构的简单组合,它对设计没有任何假设,而是在语义上定义了一切,用一个简单的 CSS3 样式表定义了实际的布局。我可以使用几个样式表来设想它,其中一个定义元素布局的基本样式表和用于实际设计的单独样式表。它将用作各种项目的简单起点,以后可以单独定制。

显然,我可能需要按照韦斯利建议的方式自己写一个……

4

7 回答 7

4

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

不要阻止你努力寻找已经存在的东西,但你最好自己写。也许从现有的众多reset.css. 无法通过类名挂钩(或挂钩)的默认样式不是很灵活。

你真的不应该逃避课程,你应该利用它们。没有框架会知道 HTML 元素的嵌套位置和方式,或者仅根据标签名称它们应该是什么样子,这就是我们通常使用类的原因之一。

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

于 2012-06-19T19:26:19.417 回答
4

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

你只需要加入sakura.css就可以了,不需要对 HTML 进行任何更改。

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

于 2017-05-01T17:40:19.087 回答
3

您可以使用 HTML5 Boilerplate 启动您的 HTML5 应用程序。

Dan Wahlin 发布了一篇关于设置它的好博文:

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

于 2012-06-19T19:24:26.257 回答
2

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

这是我目前的项目。它还没有完全准备好部署,但它正是您正在寻找的。如果您有任何建议,或者您想谈论它,我会很高兴。 这是一个测试页面,您可以在其中看到语义布局

于 2013-10-01T20:44:37.543 回答
2

https://github.com/dbohdan/classless-css上有一个很好的无类和 classlight CSS 主题列表,并附有屏幕截图!此外,您可以使用https://dohliam.github.io/dropin-minimal-css/上的下拉菜单预览几个不同的主题,很高兴看到每个主题的样子。

于 2020-06-15T21:58:32.200 回答
1

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

但是,它与您的建议有些相反,因为它大量使用类。不过,从我所看到的情况来看,这些课程以非常结构化的方式进行处理,因此可能与您正在寻找的内容很接近。

于 2012-06-19T19:27:42.953 回答
1

对于任何对此主题感兴趣的人,我建议阅读Heydon Pickering 的文章,他在没有使用任何类的情况下构建了他的博客主题。


我还建议查看我的项目,该项目旨在为博客和类似博客的网站(每个网站都有标题和作者,以及页面、帖子和部分)创建一个基本的无类 HTML 模板,并在其上添加纯 CSS 主题。该模板大量使用了 HTML5 分段、页眉和页脚,并略微假设您应该将每个网站内容放在哪个部分。主题是互联网上其他特定于框架的主题的端口。

有一个游乐场,您可以在其中基于基本模板在各种 HTML 页面上测试主题(只需在框上写下主题名称,或粘贴 CSS url)。在尝试思考这个主题时,我还写了一篇糟糕的旧文章。

于 2015-04-03T15:19:44.823 回答