配合栅格化的padding和margin

结合栅格化可以很好的利用边距系统来给元素添加间距!

使用技巧:

注意:为了更加灵活的运营边距类,指定方向的边距类权重大于任何一个简写的边距类!

代码一览

栅格化配合内边距和外边距,能够很好的实现代码的统一布局,同时它们对使用元素没有限制!

//外边距简写
.m1{margin:.1rem}
.m2{margin:.2rem}
.....
.m12{margin:1.2rem}

//带方向的外边距
.ml1{margin-left:.1rem}
.....
.ml12{margin-left:1.2rem}
....

//内边距同理
.p1{padding:.1rem}
....
.pb12{padding-bottom:1.2rem}