第15章 用CSS+DIV灵活布局页面.pptVIP

教学内容：CSS＋Div是网站标准中常用的术语之一，CSS和Div的结构被越来越多的人采用，很多人都抛弃了表格而使用CSS来布局页面，它的好处很多，可以使结构简洁，定位更灵活，CSS布局的最终目的是搭建完善的页面架构。通常在XHTML网站设计标准中，不再使用表格定位技术，而是采用CSS+Div的方式实现各种定位。 教学重点 初识DIV CSS定位与DIV布局 CSS+DIV布局的常用方法 使用CSS+DIV布局的典型模式 15.1初识DIV 在CSS布局的网页中，Div与Span都是常用的标记，利用这两个标记，加上CSS对其样式的控制，可以很方便地实现网页的布局。 15.1.1DIV概述 过去最常用的网页布局工具是table标签，它本是用来创建电子数据表的，由于table标签本来不是要用于布局的，因此设计师们不得不经常以各种不寻常的方式来使用这个标签——如把一个表格放在另一个表格的单元里面。这种方法的工作量很大，增加了大量额外的HTML代码，并使得后面要修改设计很难。 15.1.2CSS+DIV布局的优势 掌握基于CSS的网页布局方式，是实现Web标准的基础。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变网页的外观和格式。 15.2