网页设计之栅格系统

栅格系统是什么？
简单的来说它就是一种布局方式，在我们开发网页时必然会用到布局，通过布局来实现网页结构的一个搭建，传统的布局方式我们有浮动、定位等，之后还有flex弹性布局等。布局方式的存在自然是为了让我们更好地布局，以达到理想的效果，但是这些布局方式，或者说所有的布局方式都有自己的不足之处，没有一个完美的布局方式来解决所有的布局问题。今天要讲的就是另一种布局方式栅格系统。
栅格系统有什么优势呢？
1.使设计有迹可循，具有逻辑性，更规范，减少设计中的尺寸计算和无效尝试。
2.在开发响应式网页时非常方便，使网页在不同设备的呈现上界面更具统一性
栅格系统的组成有哪些？
1.栅格总宽度
2.列
3.水槽
4.外边距