margin它表示“外边距”的意思,它是指盒子与盒子之间的距离
margin它也是有4个方向的,所以我们也能够通过4个方向对其进行描述
方法有两种：第一种我们称之为小属性，第二种我们称之为简写属性。
●小属性：
- margin-top:上外边距
- margin-right:右外边距
- margin-bottom:下外边距
- margin-left:左外边距
●简写属性：
- margin:简写属性它是有方向的,这里的方向是一个顺时针的方向,它的方向顺序是：上、右、下、左
- margin:10px;表示上右下左这四个方向的外边距都是10像素
- margin:10px 20px;表示上下这两个方向的外边距为10像素左右两个方向的外边距为20像素
- margin:10px 20px 30px;表示上外边距为10像素左右外边距为20像素下外边距为30像素
- margin:10px 20px 30px 40px;表示上外边距为10像素右外边距为20像素下外边距为30像素左外边距为40像素
问：请回答如何计算一个盒子的总宽度？
一个盒子的总宽度=盒子里面内容的宽度+左右两边的填充+左右两边的边框线
一个盒子的总高度=盒子里面内容的高度+上下两边的填充+上下两边的边框线
注意：一个盒子的高度一般情况下是不用设置的，因为一个盒子的高度它应该是由其内容来决定的。