DreamweaverCS6完美网页制作基础、实例与技巧从入门到精通课件第11章CSS+Div灵活布局网页教学文稿.pptVIP

第11章 CSS+Div灵活布局网页 教学内容：CSS＋Div是网站标准中常用的术语之一，CSS和Div的结构被越来越多的人采用，很多人都抛弃了表格而使用CSS来布局页面，它的好处很多，可以使结构简洁，定位更灵活，CSS布局的最终目的是搭建完善的页面架构。 教学重点 认识Div与Div布局的优势 掌握CSS定位的方法 掌握CSS布局的理念 常见的布局类型 在CSS布局的网页中，Div与Span都是常用的标记，利用这两个标记，加上CSS对其样式的控制，可以很方便地实现网页的布局。 11.1 初识Div Div标记早在HTML3.0时代就已经出现，但那时并不常用，直到CSS的出现，才逐渐发挥出它的优势。 11.1.2　Div与Span的区别 掌握基于CSS的网页布局方式，是实现Web标准的基础。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 11.1.3　Div与CSS布局优势 CSS对元素的定位包括相对定位和绝对定位，同时，还可以把相对定位和绝对定位结合起来，形成混合定位。 11.2 CSS定位 如果想熟练掌握Div和CSS的布局方法，首先要对盒模型有足够的了解。盒子模型是CSS布局网页时非常重要的概念，只有很好地掌握了盒子模型以及其中每个元素的使用方法，才能真正的布局网页中各个元素的位置。 1１.２.1　盒