下载APP 编程狮,随时随地学编程
返回 首页

Pure官方文档

开始阅读
手册说明:


一起了解 Pure


Pure 是一个 CSS 框架,源自雅虎。

Pure 的框架是基于响应式的,整个框架非常轻量级,压缩为 gzip 文件仅为3.7KB*。

Pure 包含的组件样式较多,比如:有表单、表格、表、按钮、导航等等,标识的使用也很简单。

Pure 自带的样式以及已定义好的类名,可以调整出更丰富漂亮的控件样式、布局。

Pure 的特点


  • Pure 是基于 Normalize 的:Pure 基于 Normalize.css,提供 HTML 元素布局、样式以及最常用的 UI 组件,几乎没有多余的代码。
  • Pure 为移动而生:Pure 原生支持响应式,在所有屏幕尺寸下的显示效果都很好。
  • Pure 扩展性强:Pure 有极强的扩展性,除了提供基础样式外,你可以基于 Pure 打造出属于你自己的样式。
  • Pure 创建响应式布局:Pure 与网格, 菜单等功能搭配使用,很容易制作出很美的响应式布局,且在各屏幕尺寸都能完美显示。
  • Pure 可以实现个性化UI:Pure 更加开放化、简单化、扁平化,通过简单地增加几行代码就能做出属于你自己的的UI。

扩展阅读


《CSS教程》

《CSS参考手册》

官方文档链接


https://purecss.io/


目录
Pure入门
Pure开始使用
Pure模板
Pure基础
Pure网格
Pure形式(Form)
Pure按钮
Pure表格
Pure菜单
Pure工具
Pure定制
Pure延伸

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }