(精)第12章 CSS+Div布局方法.pptVIP

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