盒子模式：从CCS的角度，每一个元素都是一个盒子
（图中蓝色背景的边界应该是边框，图画错了。。。）
很容易理解，内容区就是元素里面的value的区域，补白就是padding控制的区域，边框就是border控制的，而边界就是margin控制的。
我们从外向里看。边界很好理解，元素与元素之间的距离，
margin的使用：
margin： 0px 10px 0px 10px；（上，右，下，左）
margin：0px 10px；（上下都是0px，左右都是10px）
margin：10px；（上下左右都是10px）
margin-left：10px；（左边界10px）
当然还有上下右（top，bottom，right）的，此处不举例了。
边框就是border，可以控制设置颜色、宽度、风格，
补白和边界差不多，这两个都是透明的都是控制元素的空间距离，padding的用法和margin一样
内容区：可以设置width和height控制内容区的大小
从盒子模式很容易理解width，padding，border，margin这些属性设置的作用。