间距
    padding、margin辅助类间距，用以控制元素间的空间。

    属性 CSS 属性
    spacing m margin
    spacing mt margin-top
    spacing mr margin-right
    spacing mb margin-bottom
    spacing ml margin-left
    spacing mx margin-left
    margin-right
    spacing my margin-top
    margin-bottom
    spacing p padding
    spacing pt padding-top
    spacing pr padding-right
    spacing pb padding-bottom
    spacing pl padding-left
    spacing px padding-left
    padding-right
    spacing py padding-top
    padding-bottom

    示例：

    padding
    上 右 下 左
    class px class class class class
    1 p-2 2 pt-2 pr-2 pd-2 pl-2
    2 p-4 4 pt-4 pr-4 pd-4 pl-4
    3 p-6 6 pt-6 pr-6 pd-6 pl-6
    4 p-8 8 pt-8 pr-8 pd-8 pl-8
    5 p-10 10 pt-10 pr-10 pd-10 pl-10
    6 p-12 12 pt-12 pr-12 pd-12 pl-12
    7 p-14 14 pt-14 pr-14 pd-14 pl-14
    8 p-16 16 pt-16 pr-16 pd-16 pl-16
    9 p-18 18 pt-18 pr-18 pd-18 pl-18
    10 p-20 20 pt-20 pr-20 pd-20 pl-20
    11 p-22 22 pt-22 pr-22 pd-22 pl-22
    12 p-24 24 pt-24 pr-24 pd-24 pl-24
    13 p-26 26 pt-26 pr-26 pd-26 pl-26
    14 p-28 28 pt-28 pr-28 pd-28 pl-28
    15 p-30 30 pt-30 pr-30 pd-30 pl-30
    16 p-32 32 pt-32 pr-32 pd-32 pl-32
    padding不要rem，不要全局放大缩小！
    magin to do
    上 右 下 左
    class px class class class class
    m-2 2 mt-2 mr-2 md-2 ml-2
    m-4 4 mt-4 mr-4 md-4 ml-4
    m-6 6 mt-6 mr-6 md-6 ml-6
    m-8 8 mt-8 mr-8 md-8 ml-8
    m-10 10 mt-10 mr-10 md-10 ml-10
    m-12 12 mt-12 mr-12 md-12 ml-12
    m-14 14 mt-14 mr-14 md-14 ml-14
    m-16 16 mt-16 mr-16 md-16 ml-16
    m-18 18 mt-18 mr-18 md-18 ml-18
    m-20 20 mt-20 mr-20 md-20 ml-20
    m-22 22 mt-22 mr-22 md-22 ml-22
    m-24 24 mt-24 mr-24 md-24 ml-24
    m-26 26 mt-26 mr-26 md-26 ml-26
    m-28 28 mt-28 mr-28 md-28 ml-28
    m-30 30 mt-30 mr-30 md-30 ml-30
    m-32 32 mt-32 mr-32 md-32 ml-32
    要不要用rem呢？