(附加三哇)divcss网页标准化布局.pptVIP

page (#) 附加三 DIV+CSS网页标准化布局 回顾 CSS的语言的语法？ 在HTML文档中放置CSS样式的三种方式？ CSS的6种选择器的作用和使用？ 预习检查 DIV+CSS对页面布局的优势？ 参与页面布局的CSS属性都有哪些？ 如何实现一个DIV层绝对定位？ 本章任务 1. DIV+CSS对页面布局的优势 2.“无意义”的HTML元素div和span 3. W3C盒子模型 4. 和页面布局有关的CSS属性 5. 盒子区块框的定位 6. 使用盒子模型的浮动布局 7. DIV+CSS的兼容性问题 8. 使用盒子模型设计页面布局 9. DIV+CSS网站首页面布局实例 1. DIV+CSS对页面布局的优势 采用DIV+CSS模式的网站具有以下优势： 表现和内容相分离 代码简洁，提高页面浏览速度 易于维护和改版 提高搜索引擎对网页的索引效率 2.“无意义”的HTML元素div和span HTML只是赋予内容的手段，大部分HTML标签都有其意义（例如，标签p创建段落，h1标签创建标题等等）的，然而div和span标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。你所需要记住的是span和div是“无意义”的标签。它们的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用 它们被用来组合成一大