CSS学习_2_盒子

CSS2.1还包含outline属性。与border属性不同，轮廓绘制在元素框之上，所以它们不影响元素的大小或定位。因此轮廓有助于修复bug，因为它们不影响页面的布局。大多数现代浏览器（包括IE8）支持轮廓，但是IE7和更低版本不支持轮廓。

内边距、边框和外边距都是可选的，默认值为零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的margin或padding设置为零来覆盖这些浏览器样式。

       *{margin:0;padding:0;}

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

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

       #myBox{

              margin:10px;

              padding:5px;

              width:70px;

}

内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的边。外边距还可以是负值。