《CSS DIV网页样式与布局案例教程》课件 项目九 CSS标准流布局 ——制作企业网站的新闻显示页面.pptxVIP

项目九 CSS标准流布局 ——制作企业网站的新闻显示页面;任务一 对页面进行整体布局 ——盒子模型;支撑知识点——盒子模型的概念;任务二 制作页头部分 ——标准流布局概念;支撑知识点——标准流的概念;任务三 制作新闻正文显示部分;支撑知识点——margin使用注意事项;（2）当一个块元素包含在另一个块元素中时（假设没有内边距或边框把外边距分隔开），它们的上和下外边距也会发生合并。;（3）块元素的外边距甚至可以与自身发生合并。假设有一个空元素，它有外边距，但是没有边框或填充。在这种情况下，上外边距与下外边距就碰到了一起，它们 会发生合并。如果这个外边距遇到另一个元素的外边距，它还会发生合并。;（4）行内元素不占上下外边距，其左右外边距不会合 并。当两个行内元素紧邻的时候，它们之间的距离为第一个元素的margin-right加上第2个元素的margin-left。;当外层盒子没有设置高与宽，则内层盒子设置的 margin-top不起作用（在Firefox和IE8中测试），读者可以自行测试；外层盒子设置高与宽之后，内层盒子如果设置margin-top会在IE 8中起作用，而在Firefox不起作用。因此在盒子内部有间距的情况下，我们首先选择设置内间距padding来实现。 当将margin的值设为负数时，设为负数的盒子会向相反的方向移动，甚至覆盖在另外的盒子上；如果盒子之间是父子关系，则还可以使得子盒子从父盒子中 “分离”出来。因此，指定负的外边距值时要小心。