CSS-边距

CSS Richard
2016/6/1 19:52

边距：在CSS中元素的边距分为内边距(padding)和外边距(margin)，属性如下：
    内边距
        padding
        padding-top
        padding-right
        padding-bottom
        padding-left

    内边距是元素的内容与边框(border)之间的距离
    padding: 上、右、下、左; 按照从上按顺时针旋转
    如果 padding 属性缺失 right、bottom、left; 就都参考 top
    如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right
    如果 padding 属性缺失 left; left 会参考 right

    外边距
        margin
        margin-top
        margin-right
        margin-bottom
        margin-left

    外边距是元素的边框外的距离，用来设置两个元素之间的距离间隔，也用来实现元素的居中
    marign:0 auto;
    但需要一个条件，那就是该元素的上级一定要设置text-align:center内容居中属性样式。
    同padding