html5框架培训学校,HTML5 / CSS3无类框架(HTML5/CSS3 classless framework)

最新推荐文章于 2024-09-13 08:35:49 发布

菁子姐姐

最新推荐文章于 2024-09-13 08:35:49 发布

阅读量116

点赞数

文章标签： html5框架培训学校

HTML5 / CSS3无类框架(HTML5/CSS3 classless framework)

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

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

澄清：我经历过所有常见的嫌疑人(Bootstrap，HTML％Boilerplate，Shim等)，他们都没有抓我的痒。痒是简单的HTML5结构的简单组合，它不会假设任何关于设计的内容，而是通过一个简单的CSS3样式表来定义所有的语义，并定义了实际的布局。我可以使用几个样式表来设想它，其中基础定义了元素的布局，并为实际设计分开了一个(s)。它将被用作各种项目的简单起点，以后可以单独进行定制。

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

Does anyone know of a simple HTML5/CSS3 framework which applies a minimum of formatting with no need for custom class names? Ideally it would take only properly laid-out HTML5, and would position elements with a minimum of flexibility, using common rules for, say sidebar widths and the like.

With HTML5 there much less need for custom class names, with elements like header, nav or aside, but I haven't yet seen a framwork taking full advantage of that. Any ideas?

Clarification: I've been through all the usual suspects (Bootstrap, HTML% Boilerplate, Shim and the like), and none of them scratches my itch. And that itch is a simple combo of plain HTML5 structure which assumes nothing about the design but defines everything semantically, with a simple CSS3 stylesheet which defines the actual layout. I can envision it using several stylesheets, with a base one defining the layout of elements and separate one(s) for actual design. It would be used as a simple starting point for various projects, which could be later customized individually.

Apparently, I might need to go the way proposed by Wesley and write one myself...

原文：https://stackoverflow.com/questions/11107842

更新时间：2019-06-14 08:11

最满意答案

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

不要阻止你寻找已经存在的东西，但你最好自己写。也许从许多现有的reset.css 。没有能力通过类名钩住(或离开)的默认样式不是很灵活。

你真的不应该避免上课，你应该利用他们。没有框架会知道你的HTML元素在哪里和如何嵌套，或者它们根据标签名称应该是什么样子，这就是我们通常使用类的原因之一。

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

It sounds like what you want is not a CSS framework, but just a simple custom stylesheet.

Not to discourage your effort in looking for something that already exists, but you're better off writing it yourself. Perhaps start off with one of the many existing reset.css. Default styles without the ability to hook in (or out) via class names are not very flexible.

You really shouldn't avoid classes, you should take advantage of them. No framework is going to know where and how your HTML elements are nested or what they're supposed to look like based on tag name alone, that's one reason why we usually use classes.

If you pay close attention to the semantics of the new HTML5 elements, you'll see that header doesn't always mean "the top of your page with your logo", footer is not just an element for the bottom of your whole page, and aside doesn't always equate to "sidebar".

相关问答

我进去听过课，但是没有下载吧，好像是，至少我还没看到过，要是你下载下来了可不可以告诉我啊，我也去下载一下，那里面有互联网技术高手!

这听起来像你想要的不是一个CSS框架，而只是一个简单的自定义样式表。不要阻止你寻找已经存在的东西，但你最好自己写。也许从许多现有的reset.css 。没有能力通过类名钩住(或离开)的默认样式不是很灵活。你真的不应该避免上课，你应该利用他们。没有框架会知道你的HTML元素在哪里和如何嵌套，或者它们根据标签名称应该是什么样子，这就是我们通常使用类的原因之一。如果您密切关注新的HTML5元素的语义，您会发现该header并不总是意味着“带有徽标的页面顶部”， footer不仅仅是整个页面底

...

他们两人之间的比较看看Sencha Touch或jQuery Mobile？。如果你正在寻找更多的文档和支持，我会说去sencha。 For a comparision between the two of them look at Sencha Touch or jQuery Mobile?. I would say go sencha if you are looking for more documentation and support.

火狐 Firefox有一个扩展支持版本。目前它是Fx ESR 45.0 。它在不到一个月前发布(之前有测试版)所以如果你的产品已经发货，你可能想要坚持使用Fx ESR 38.0一段时间(如果你的框架仍然需要几个月的开发，你可以坚持使用Fx 45.0 :)) Fx ESR的下一次更新将是Fx ESR 45.1.0，具有Fx 46.0的所有安全性和错误修正，但没有新功能(参见上面的链接图)。下一个ESR主要版本将是Fx ESR 52.0大约。使用Fx 52的所有新功能10个月，然后可能是Fx

...

我已经这样做了，可以告诉我做了什么，但我觉得你有点困惑。如果您想使用html5，css3和javacript创建游戏，请将其作为本机应用程序部署到移动设备。还有一些更重要的考虑因素： 1)您将需要决定基于JavaScript的游戏引擎。有很多可供选择。对于我的第一个项目，我选择了crafty.js它的重量非常轻，允许使用其他js库。你选择什么取决于你。 2)然后我设置了一个h5bp。我还在我的项目中使用了backbone，require和jquery，以及crafty.js 3)开发你

...

我不认为这会是一个孩子的游戏......至少在开始时会有浏览器的怪癖和支持变化。如果它真的变成了我们现在正在做的事情，我相信我们会把事情提高到一个新水平，并找到更复杂的事情 - 推动新的极限:) I don't think it'll be a child's play...there will be browser quirks and support variations at least at the beginning. And if it does become child's pla

...

简而言之：优点：支持互动媒体改进了语义更直观的开发缺点：仅在现代浏览器上支持首先，要记住语言本身不被认为是完成的关键。因此，HTML5是早期版本的延续，被认为是对语言的改进。正如您在问题中提到的那样，HTML5的主要缺点是它仅受现代浏览器的支持(请参阅http://html5test.com/ )。因此，如果您的目标受众无法访问现代浏览器，HTML5肯定会处于劣势。这也是使用CSS3的主要缺点。优势肯定超过利弊。这是一个很好的资源，概述了使用HTML5的许多差异和优势 -

...

iOS使用Webkit显示HTML内容。因此，您可以在设备上的Safari.app，iOS模拟器或其中只有UIwebView的简单应用程序中轻松测试HTML，CSS和JavaScript。我不知道你是否可以在没有JavaScript的情况下实现像你的例子的HTML页面(我知道CSS3对动画有一些支持。但是，即使你需要JavaScript，这在构建iOS应用程序时应该是一个问题。 iOS uses Webkit for displaying HTML content. Hence you can

...

$(function () {

var $divToAnimate = $("div"); // This will animate all the div elements in doc

$divToAnimate.addClass('animated ' + $divToAnimate.data('animation'));

});

比如看你的小提琴更新： http ： //jsfiddle.net/9aE2N/5/ $(function () {

var $divT

...