codecamp

Pure入门

Pure是一组小而灵活的CSS模块,您可以在每个Web项目中使用。

Pure.CSS占地空间最小。

Pure是非常小的, 压缩成gzip文件仅为3.7KB*。考虑到移动设备的制作,对我们来说,保持文件大小很重要,并且仔细考虑了每一行CSS。如果您决定仅使用这些模块的一部分,则可以节省更多字节。

*我们可以正确添加:)上面的数字是单独的模块大小; 当它们组合在一起时,它们会压缩(gzip)甚至更多。

Pure基于Normalize

Pure基于Normalize.css上,提供HTML元素布局、样式以及最常用的UI组件,几乎没有多余的代码。

为移动而生

Pure原生支持响应式,因此元素在所有屏幕尺寸上看起来都很棒。

Pure拥有无限可能

Pure除了提供基础样式外,可拥有极强的扩展性,你可以基于Pure打造出属于你自己的样式。没有做不到,只有想不到。

创建响应式布局。

通过搭配使用网格菜单等,可以轻松地为所有屏幕尺寸创建美观的响应布局。我们让您轻松上手。看看几个不同的布局,并开始您的下一个Web项目与一个坚实的基础。

创造属于自己的设计。

与其他框架不同,Pure的设计更加开放化、简单化、扁平化。我们始终认为:编写新的CSS规则比覆盖已有的CSS规则更容易。通过增加几行代码就能做出属于你自己的的UI,想想都让人激动!

Pure开始使用
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

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; }