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

教学内容：CSS＋Div是网站标准中常用的术语之一，CSS和Div的结构被越来越多的人采用，很多人都抛弃了表格而使用CSS来布局页面，它的好处很多，可以使结构简洁，定位更灵活，CSS布局的最终目的是搭建完善的页面架构。 教学重点 认识Div与Div布局的优势 掌握CSS定位的方法 掌握CSS布局的理念 常见的布局类型 在CSS布局的网页中，Div与Span都是常用的标记，利用这两个标记，加上CSS对其样式的控制，可以很方便地实现网页的布局。 过去最常用的网页布局工具是table标签，它本是用来创建电子数据表的，由于table标签本来不是要用于布局的，因此设计师们不得不经常以各种不寻常的方式来使用这个标签——如把一个表格放在另一个表格的单元里面。 Div标记早在HTML3.0时代就已经出现，但那时并不常用，直到CSS的出现，才逐渐发挥出它的优势。 11.1.2　Div与Span的区别 掌握基于CSS的网页布局方式，是实现Web标准的基础。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 11.1.3　Div与CSS布局优势 CSS对元素的定位包括相对定位和绝对定位，同时，还可以把相对定位和绝对定位结合起来，形成混合定位。 11.2 CSS定位 如果想熟练掌握Div和CSS的布局方法，首先要对盒模型有足够的了解。盒子