栅格系统（grid systems）也称网格系统，指的是一种运用固定的格子设计版面布局方法。
使用栅格系统进行网页设计的有点：
（1）让网页的信息呈现更加美观易读，更具可用性（2）对于前端开发来说，网页将更加的灵活与规范。
栅格系统的设计原理：
在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：
W =（a×n）+（n-1）i
由于a+i=A，
可得：(A×n) – i = W[1]
栅格化原理设计示意图
栅格系统的应用
可查看译言网：30个最顶尖的基于栅格系统的博客网站设计,文中有若干应用栅格系统的博客网站的链接。http://www.yeeyan.org/articles/view/snlchina/3570
