盒子模型

1.内容content的属性：

2.padding（内边距）的属性：

例如padding: 10px 5px 10px 5px,对应的顺序为上、右、下、左内边距
可以只设置部分：

3.border（边框）的属性：

4.margin（外边距）的属性：

示例代码：

    <style>
        *{
            margin: 0px;
            padding: 0px;;
        }
        div {
            width:200px;
            height: 100px;
            background-color: red;
            /*设置边框*/
            border: 5px solid green;
            /*设置内边距*/
            padding: 20px 60px 10px 40px;
            /*设置外边距*/
            margin:10px;
        }
    </style>

5.box-sizing属性：

默认height为内容高度，可以通过设置box-sizing属性来更改height包含边框的高度