<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等,可以轻松创建适用于所有屏幕尺寸的精美相应式布局。
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以及官方供应的详细内容和利用指南!