HTML5/CSS3 无类框架

标签 html css

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

在 HTML5 中,自定义类名的需求大大减少,元素包括 headernavaside,但我还没有看到一个框架充分利用了这一点。有什么想法吗?

澄清:我已经经历了所有常见的问题(Bootstrap、HTML% Boilerplate、Shim 等),但没有一个能解决我的问题。那个痒是纯 HTML5 结构的简单组合,它对设计没有任何假设,但在语义上定义了一切,用一个简单的 CSS3 样式表定义了实际的布局。我可以设想它使用多个样式表,一个基本样式表定义元素的布局,另一个单独的样式表用于实际设计。它将用作各种元素的简单起点,以后可以单独定制。

显然,我可能需要按照卫斯理建议的方式,自己写一个...

最佳答案

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

并不是要阻止您寻找已经存在的东西,但最好还是自己编写。也许从许多现有的 reset.css 之一开始。不能通过类名 Hook (或挂出)的默认样式不是很灵活。

你真的不应该逃避类(class),你应该利用它们。没有框架会知道您的 HTML 元素嵌套在何处以及如何嵌套,或者仅根据标签名称它们应该是什么样子,这就是我们通常使用类的原因之一。

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

关于HTML5/CSS3 无类框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11107842/

相关文章:

html - css 优先级 : overriding only one of height and width

html - iphone 显示屏中的 slider

html - 将图像粘贴到响应式 Bootstrap

css - VIsual Studio 代码 - Live Sass 编译器不在单独的 css 文件夹中生成 .css 文件

html - 如何在不破坏比例的情况下使所有图像具有相同的高度

javascript - 如何按数据属性对 div 顺序位置进行排序

javascript - 使用ajax检查文本输入字段的值

jquery - 单击选项卡时平滑地上下滑动内容

css - 如何使用 css 将电话输入分成不同的框(每个框一个数字)

java - 如何制作序列号表格? "-"在中间分开