margin padding的语法结构

margin：从自身的边框到外部某个元素边框之间的距离，作用：设置与某个元素的距离。
padding：从自身的边框到内部某个元素之间的距离，作用：可撑大元素。
margin的语法结构：
margin: 100px; 设置四个边的外边距。
margin: 100px 80px; 第一个值：上下外边距。第二个值：左右外边距。
margin: 100px 80px 50px; 第一个值：上外边距。第二个值：左右外边距。第三个值：下外边距。
margin: 100px 80px 50px 30px; 分别代表上，右，下，左的外边距。
margin-top: 100px; 设置上外边距。
margin-left: 80px; 设置左外边距。
margin-right: 50px; 设置右外边距。
margin-bottom: 30px; 设置下外边距。
padding的语法结构：
padding: 100px; 设置四个边的内边距。
padding: 100px 80px; 第一个值：上下内边距。第二个值：左右内边距。
padding: 100px 80px 50px; 第一个值：上内边距。第二个值：左右内边距。第三个值：下内边距。
padding: 100px 80px 50px 30px; 分别代表上，右，下，左的内边距。
padding-top: 100px; 设置上内边距。
padding-left: 80px; 设置左内边距。
padding-right: 50px; 设置右内边距。
padding-bottom: 30px; 设置下内边距。