盒模型1

    内边距出现在内容区域的周围。如果在元素上添上背景，那么背景会应用于内容和内边距组成的区域。因此，我们常常使用内边距在内容周围创建一个隔离带，是内容不会于背景混在一起。

    添加边框会在内边距外加一条线。这些线可以有多种样式，比如实线、虚线或点线。在边框外的是外边距。外边距是透明的。一般使用它来控制元素之间的间隔。

    内边距、边框和外边距都是可选的的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的margin和paddding设置为零来覆盖这些浏览器样式。这可以分别进行，也可以使用通用选择器对这些元素进行设置：

 

*{
margin：0;
padding：0;
}

   请记住，这些技术不区分元素，所以，它对option等元素有不利的影响。因此，使用全局reset把内边距和外边距显式地设置为零可能更安全。

   在CSS中，width和height指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。假设框的每一个边上有10像素的外边距和5像素的内边距，如果希望这个框达到100像素，这就需要将内容设置为70px;