css margin详解

1、    margin属性分为：margin-top、margin-right、margin-bottom、margin-left。

    带有4个值的margin属性：

    div{

        margin：10px 12px 13px 14px;

    }

    这样写是一种简写，简写是以顺时针方向指定的：上、右、下、左，上面的简写和下面的功能是一样的

    div{

        margin-top：10px;

        margin-right：12px;

        margin-bottom：13px;

        margin-left：14px;

    }   

    带有3个值的margin属性：

    div{

        margin：10px 12px 14px;

    }

    这样写是一种简写，简写指定的是：上、左右、下，上面的简写和下面的功能是一样的

    div{

        margin-top：10px;

        margin-right：12px;

        margin-bottom：14px;

        margin-left：12px;

    }  

    带有2个值的margin属性：

    div{

        margin：10px 14px;

    }

    这样写是一种简写，简写指定的是：上下、左右，上面的简写和下面的功能是一样的

    div{

        margin-top：10px;

        margin-right：14px;

        margin-bottom：10px;

        margin-left：14px;

    }  

    带有1个值的margin属性：

    div{

        margin：10px;

    }

    这样写是一种简写，简写指定的是：上下左右的margin值都是10px，上面的简写和下面的功能是一样的

    div{

        margin-top：10px;

        margin-right：10px;

        margin-bottom：10px;

        margin-left：10px;

    }