网页栅格系统的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。 网格系统是从平面栅格系统中发展而来。对网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性，而且对前端开发者来说，网页将更加灵活与规范。
如图: