盒模型1

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

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

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

*{
margin:0;
padding:0;
}

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

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

相关推荐