codecamp

Pure.CSS概述

什么是pure?

pure是YAHOO开发的层叠样式表(CSS) 。它有助于创造更快、g更美观、更灵敏的网站。

其中一些主要特点如下:

  • 内置响应设计

  • 标准css,内存小

  • 集合小,响应CSS模块

  • 免费使用

响应式设计

  • pure内置响应式设计,使采用pure创建的网站将根据设备大小重新设计尺寸。

  • pure 有一个12列移动第一流体网格,支持小型,大型和中型屏幕尺寸的响应类。

  • pure类的创建方式使得网站可以适合任何屏幕尺寸。

  • 采用pure创建的网站与PC,平板电脑和移动设备完全兼容。

标准的CSS

  • pure只使用标准的CSS,并且非常容易学习。

  •  对任何外部JavaScript库(如jQuery)没有依赖。

扩展

  • pure的设计非常小和扁平。

  • 它的设计考虑到很容易添加新的CSS规则,而不是覆盖现有的CSS规则。

  • 通过添加几行的css,pure的外观可以自定义以使用现有的Web项目。

  • 它支持阴影和粗体颜色。

  • 使得颜色和色调仍然在不同平台和设备上保持一致。

而最重要的是,它是完全免费使用。


Pure.CSS教程
Pure.CSS环境设置
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Pure.CSS Useful Resources

关闭

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