margin 参数
    Margin参数指的是在页面中，元素与边界（border）之间的距离，也被称为外边距。Margin参数的设定，可以影响到页面排版、元素的大小以及与其他元素的关系。
margin属性值可以为百分比
    Margin参数的语法通常由四个方向的值组成。例如：
    margin:20px; /* 上下左右都20像素 */
    margin:20px 10px; /* 上下20像素，左右10像素 */
    margin:20px 10px 30px; /* 上20像素，左右10像素，下30像素 */
    margin:20px 10px 30px 40px; /* 上20像素，右10像素，下30像素，左40像素 */
    也可以使用margin-top, margin-right, margin-bottom, margin-left的方式单独设定每一个方向的值。例如：
    Margin参数的值可以取正整数、0、负整数、百分比（%）和 auto 中的一种或几种。这些值有以下含义：
    正整数：指定的距离为像素值。
    0：元素与相邻元素之间没有距离。如果相邻元素之间有边框，则两个边界挨在一起，中间没有间隙。
    负整数：元素会和相邻元素重叠。
    百分比：指定的距离是相对于父元素宽度的百分比。例如，如果父元素的宽度是200px，margin-left:50%的话，则元素的左外边距会到父元素宽度的100px处，相对于父元素均分宽度后的50%处。
    auto：指定元素的外边距会由浏览器自动计算。auto需要特别注意的是，在水平方向上用auto作为margin-left和margin-right的值，可以使元素水平居中。
    Margin参数通常被用来调整元素之间的距离。下面列出一些Margin参数的应用情景：
    在段落和标题之间设定margin-top和margin-bottom，使不同元素之间排版舒适。
    在盒子模型中，可以通过设定margin来控制元素是否出现间隙，以达到布局有条理的效
果。
    在使用垂直居中的情况，可以通过设置margin:auto;来使元素水平居中。
    可以给图片或按钮添加margin值来让它们与其他内容区分开来。
    在由浮动元素组成的布局中，设定元素的外边距可以调整元素之间的距离，防止发生重叠现象。