第4章CSS盒子模型分析.pptVIP

4.7.3　嵌套盒子之间的margin 除了上面提到的行内元素间隔和块级元素间隔这两种关系外，还有一种位置关系，它的margin值对CSS排版也有重要的作用，这就是父子关系。当一个div块包含在另一个div块中时，便形成了典型的父子关系。其中子块的margin将以父块的内容为参考。 父子块的margin 父子块的margin执行结果 4.7.4　 margin属性可以设置为负值 当margin设为负数时，会使被设为负数的块向相反的方向移动，甚至覆盖在另外的块上。 margin设置为负数 父子块设置margin为负数 4.8　盒子模型概念的实例 假设有一个网页，通过分析盒子相关设置可以获得对应的宽度。 父子块设置margin为负数 小结 盒子模型是CSS控制页面的基础。本章介绍“盒子”的概念以及盒子的组成。此外还介绍了DOM的基本概念、DOM树是如何与一个HTML文档对应的，以及“标准流”的概念，为下一章讲解浮动和定位等相关知识做辅垫。 第4章 CSS盒子模型 本章简介： 本章主要介绍盒子模型的基本概念，并讲解CSS定位的基本方法。所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。一般来说，这些被占据的空间往往都要比单纯的内容大。换句话说，可以通过调整盒子的边框和距离等参数，来调节盒子的位置和大小。 一个页面由很多这样的盒子组成，这些盒子之间