第12章-CSS-3.0盒模型和界面设计.pptVIP

盒模型是使用Div+CSS对网页元素进行控制时一个非常重要的概念，只有很好的理解和掌握了盒模型以及其中每个元素的用法，才能真正地控制页面中各元素的位置。 12.1.1　什么是CSS盒模型 盒模型是由margin（边界）、border（边框）、padding（填充）和content（内容）几个部分组成的，此外，在盒模型中，还具备高度和宽度两个辅助属性。 12.1.2　CSS盒模型的要点 关于CSS盒模型，有以下几个要点是在使用过程中需要注意的。 1．边框默认的样式（border-style）可设置为不显示（none）。 2．填充值（padding）不可为负。 3．边界值（margin）可以为负，其显示效果在各浏览器中可能不同。 4．内联元素，例如a，定义上下边界不会影响到行高。 5．对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。例如有上下两个元素，上面元素的下边界为10px，下面元素的上边界为5px，则实际两个元素的间距为10px（两个边界值中较大的值。 margin-left border-left padding-left margin-top border-top padding-top padding-bottom border-bottom margin-bottom margin-right border-right padding-right conten