[第八章css+div布局.pptVIP

相关回顾 有哪3种引入css样式表的方式？ 1)外部样式表 link rel=stylesheet type=text/css href=a.css / 2)内嵌样式表 style type=text/css 3)内联样式表 p style=color:red 相关回顾 样式表中有哪些选择器？ 元素选择器 ID选择器 类选择器 …… 预习检查 1、Web2.0标准分为哪三个方面？ 2、DIV中的定位方式有哪几种？ 3、设置和清除DIV浮动分别使用什么属性？ 预习检查 4、盒子模型的有那些属性？ 5、常见的网页布局有哪些？ 本章任务 本章任务 用CSS+DIV的布局完成如图功能 本章目标 什么是Web标准 Web2.0标准的构成 W3C 结构标准语言 结构标准语言 结构标准语言 表现标准语言 行为标准语言 小结1 认识DIV DIV的三种定位方式 DIV的绝对定位 DIV的相对定位 DIV的固定定位 何时选用绝对与相对定位 小结2 DIV的浮动 DIV的浮动 浮动的清除 小结3 常见的网页布局 1、一列固定宽度 2、一列宽度自动适应 3、一列固定宽度居中 4、二列固定宽度 5、二列宽度自动适应 6、二列左列固定右列宽度自适应 7、二列固定宽度居中 8、三列中间列宽度自动适应 常见的网页布局 1、一列固定宽度: 一列式布局是一种固定宽度的布