什么是CSS栅格化？CSS栅格化是基于网格系统的布局方法，使网页的设计更加规则化和统一化。通过CSS栅格化可以快速而简单地构建网页布局，使页面中的元素可以更加美观地排列。

/* 栅格化代码 */
.row{
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.col{
flex: 1 0 0%;
padding: 10px;
}
/* 媒体查询 */
@media only screen and (max-width: 768px){
.col{
flex: 0 0 100%;
}
}

CSS栅格化实际上就是通过网格系统将页面分成若干等份，然后利用这些等份将页面元素进行排列。其中row表示网格行，col表示网格列。在上述的代码中，我们使用flex布局来实现栅格化，设置每一列的样式，同时通过媒体查询来实现响应式的布局，在移动端时每一列都是100%宽度。

总之，CSS栅格化可以大大提高页面布局的效率和规范性，让页面更加美观、易读和易用。