《网页设计案例教程》教学课件 第8章 CSS标准流布局.pptxVIP

;案例说明;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;支撑知识点; content就是盒子里装的东西，我们使用width和height属性为盒子设置宽度和高度时，实际上设置的是content的宽度和高度，不是盒子的实际大小；border是盒子的边框，它具有border-style（边框线型）、border-width（边框宽度）和border-color（边框颜色）属性；padding是content与border之间的距离；margin是盒子与其他盒子间的距离。; 与标准W3C盒子模型不同的是，IE盒子模型的width和height部分包含了border和padding。当content超出盒子设定的width和height时，盒子会随着content的内容变大。在不考虑content内容超出设定的width和height的情况下，IE盒子本身的大小就是为盒子的width和height设定的值，border和padding包含在里面。;案例说明;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤; 在没有为网页元素添加CSS定位或浮动等属性的情况下，网页元素都是按HTML代码的顺序自上而下或自左向右逐步分布的，就像流水一样，我们将这种流动方式称为标准流或文档流