<link rel=&#34;stylesheet" href="./pure-min.css" />

PS:Normalize.css使浏览器更同等地渲染所有元素,并符合当代标准。
它只针对须要规范化的样式。

Github

https://github.com/pure-css/pure干系特性可以根据需求进行定制的相应式网格。
建立在Normalize.css上的坚实根本,可办理跨浏览器的兼容性问题。
与<a>和<button>元素一起利用的样式同等的按钮。
垂直和水平菜单的样式,包括对下拉菜单的支持。
表格对齐办法在所有屏幕尺寸上看起来都很好。
各种常见的表格样式。
极简的外不雅观,易于定制。
默认情形下是相应式的,具有非相应式配置选项。
极小的体积:缩小4.5KB + gzip。
兼容性IE 8+Latest Stable: Firefox, Chrome, SafariiOS 6-8Android 4.4+布局

通过利用Grid,Menu等,可以轻松创建适用于所有屏幕尺寸的精美相应式布局。

html页面模块覆盖一组小型的自顺应CSS模块可以在每个Web项目中应用Pure GraphQL

Pure的设计目标是可以在每个Web项目中利用它

定制化

与其他框架不同,Pure的设计不受限定,最小且扁平。
添加新的CSS规则比覆盖现有规则要随意马虎得多。
通过添加几行CSS,可以自定义Pure的外不雅观以与你的Web项目一起利用。

表单

以下创建默认的内联表单,将pure-form类名添加到任何<form>元素。
如下

<form class="pure-form"> <fieldset> <legend>A compact inline form</legend> <input type="email" placeholder="Email"> <input type="password" placeholder="Password"> <label for="remember"> <input id="remember" type="checkbox"> Remember me </label> <button type="submit" class="pure-button pure-button-primary">Sign in</button> </fieldset></form>

还有其他常见类型表单,本文不过多先容

按钮

表格

要设置HTML表的样式,请添加pure-table类名。
此类为表元素添加了添补和边框,并强调了标题。

菜单垂直菜单

默认情形下,菜单是垂直的。

水平菜单

要创建水平菜单,请添加pure-menu-horizontal类名称。

总结

本文只先容了部分有关于Pure的内容,详细的先容可以Github以及官方供应的详细内容和利用指南!