这是一个无类CSS主题集合,可用作Web开发的起点。此处的来源。如何获取此主题?将此代码片段粘贴到您网站的<head>中。发现错误?想向列表中添加主题?请查看GitHub上的cssbed源代码。
在同一页面中查看不同的无类主题:HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha。
为什么使用无类主题?响应式。良好的浏览器支持。美观。小尺寸(<几KB)-您不会浪费字节在每个可想象的小部件上。无学习曲线-像往常一样使用HTML,而不是查阅文档了解哪个类做什么,以及不得不与框架抗争。原始Hacker News线程。它响应式吗?当然!它不包含任何花哨的样式,因此很容易实现移动响应式。只需添加著名的响应式视口标签,您就可以开始了!事实上,尝试调整此页面的大小。一切都会非常流畅,您会看到。
元素演示:这应该是一个演示页面,所以我们需要更多元素!表单元素。代码:下面是一些代码,您可以使用Ctrl-C复制它。您知道吗,alert(1)可以在JavaScript中显示一个警报!// 这会将消息记录到控制台 console.log('Hello, world!')。其他:这里有一条水平线和一张图片,因为我不知道把它们放在哪里。这是一个或一个更正式的。这是一个块引用。好的旧预格式化文本,完全没有代码。这里有一个标记良好的表格!名称:Godzilla,数量:2,价格:$299.99;名称:Mozilla,数量:10,价格:$100,000.00;名称:Quesadilla,数量:1,价格:$2.22。排版:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 这是粗体,这是正常,这只是粗体,这是强调!而且,这里有一个链接。
来源: Hacker News · 由HeadlinesBriefing整理摘要