(精)网页制作第六讲(张静).pptVIP

为什么需要clear区隔属性 演示示例8：clear属性 第3个DIV块随窗口大小决定是否换行，如希望“强制”换行怎么办？ 如何实现第3块换行显示？ 什么是clear清除属性 演示示例8：clear属性 clear作用 如果前一个元素存在左浮动或右浮动，则换行以区隔 只对块级元素有效 clear属性的取值 right left both none 需求说明： 在前面上机练习基础上，实现页面中间布局 练习——实现中间布局 完成时间：10分钟 中间两块宽度各占一半 需求说明： 在前面上机练习完成的页面中，实现header块的局部布局 练习——头部局部布局 完成时间：25分钟 盒子属性有哪些 ？各包含哪些属性？ float属性的应用场合？有哪些取值？ clear属性的应用场合？有哪些取值？ 总结 * * 盒子模型比较抽象，需要从页面布局类似报纸排版，需划分块，各块可以看做一个一个的盒子，从而引出盒子模型。 内容 ：月饼）。 填充（padding）：泡沫纸。 边框（border）：盒子框。 边界（margin）：月饼盒到大盒子（容器）四周的距离，或者说盒子之间的距离 。 强调：本章只需要对盒模型有个初步认识即可，下一章将会对盒模型进行深入讲解。 * 1）盒内样式修饰 包括字体修饰，背景色及背景图，列表属性等，主要修饰盒子内容。 2）盒子位置布局 包括宽高