PureCSS的网格布局（比bootstrap小很多且易扩展的cssUI）_html/css_WEB

（转自百度经验）http://jingyan.baidu测试数据/article/48a42057c44fdba9242504dd.html

Pure是一个简单、实用的CSS框架，鉴于目前网上对pure的资料比较少，所以我想把使用pure的一些经验介绍给大家，相信你看完本文后也会爱上pure。

Pure包含多个模块：Base(基本样式)、Grids(网格系统)、Forms(表单)、Buttons(按钮)、Tables(表格)、Menus(菜单)， 本文主要介绍如何使用Grids（网格系统） 。

1. 获取Pure CSS。

在官网purecss.io首页可以找到Pure的下载地址，你可以把Pure的css文件下载到本地，也可以直接引用雅虎的css文件。本文作为教程就直接使用在线的css文件。

2. 了解pure网格系统。

不知道网格系统的朋友可以去百度，我这里简单说一下：所谓的网格系统就是把网页横向划分成N格，类似一个Excel表格，这样网页内容就能放在这些格格里面。

pure的网格系统支持 5格和24格 ，主要有两种样式：pure-g和pure-u-*

1、pure-g ，网格样式，例如

查看更多关于PureCSS的网格布局（比bootstrap小很多且易扩展的cssUI）_html/css_WEB的详细内容...