图书简介：
CSS+DIV技术是目前最流行的网页制作技术。
本书主要介绍了超文本标记语言HTML和XHTML、CSS层叠样式表的基础理论和实际运用技术，通过实例分析讲解了CSS语法、文字段落设置、背景图片设置以及CSS滤镜的应用等，重点讲解了如何运用CSS+DIV进行网页布局，注重实际操作，使读者能更好地掌握CSS技术及CSS+DIV布局的精髓。本书最后给出了两个常见类型的完整网页的综合实例，让读者进一步巩固所学的知识，提高综合应用的能力。
本书适合作为大中专院校计算机应用技术和电子商务类专业的教材，也可作为网页设计技术培训教程，还可以作为Web网站开发人员、网页设计师、网页前端架构师、用户体验设计师的参考书。
前 言
随着Web 2.0标准的普及，网页标准化CSS+DIV的设计方式正逐渐取代传统的表格布局模式。采用CSS+DIV布局的优势主要体现在：能缩减页面代码，提高页面浏览速度；结构清晰，容易被搜索引擎搜索到，天生优化了SEO等方面。所以对CSS的学习是计算机应用技术人员从事网站设计的必修课程。
本书的定位是零基础学习CSS+DIV布局技术的大中专学生，也可用于帮助有表格布局基础的学生向CSS+DIV布局技术过渡，还可以作为工程技术人员的参考书。
全书共分9章。第1章介绍HTML和XHTML基础，重点介绍HTML基本用法及如何转换现有的文档为XHTML。第2章介绍CSS基础，重点介绍CSS选择器和CSS的引用。第3章介绍用CSS设置文字与背景。第4章介绍CSS滤镜的应用，重点介绍视觉滤镜和转换滤镜。第5章介绍CSS框模型与定位技术，重点介绍CSS框模型和CSS定位与浮动技术。第6章介绍DIV+CSS布局基础，重点介绍CSS排版观念和常见的CSS+DIV布局的样式的制作方法，并详细介绍两个CSS+DIV布局的例子。第7章介绍CSS与JavaScript的综合应用，重点介绍JavaScript语法、内置对象、浏览器对象和用CSS结合JavaScript制作网页的一些特效应用。第8章和第9章介绍两个综合案例，分别介绍博客网站和企业网站的布局方法。
本书内容翔实、结构清晰、循序渐进，通过大量的技术应用实例深入讲解CSS+DIV布局方法。书中精选的网页综合实例有很强的实际应用价值，大部分章节配备了习题和上机实训练习题，便于读者学习。
本书由黄玉春编写，王标为本书提供了部分案例。在本书编写的过程中，得到了不少专家和任课教师的大力支持，在此一并表示衷心的感谢。
编 者
目 录
第1章 HTML和XHTML基础 1
1.1 HTML基本用法 1
1.1.1 HTML文档基本结构 2
1.1.2 常用的HTML标签 3
1.2 升级到XHTML 13
1.2.1 为什么要升级 13
1.2.2 XHTML与HTML比较 14
1.2.3 如何转换现有的文档为
XHTML 16
习题1 17
上机实验1 21
第2章 CSS基础 22
2.1 CSS基本概念 22
2.1.1 CSS的基本概念 22
2.1.2 CSS的特点 23
2.2 CSS选择器 23
2.2.1 CSS样式规则的定义 23
2.2.2 标记选择器 24
2.2.3 CSS选择器分组 24
2.2.4 派生选择器 25
2.2.5 id选择器 25
2.2.6 类选择器 26
2.2.7 伪类选择器 26
2.3 CSS的引用 27
2.3.1 内部样式表 27
2.3.2 外部样式表 28
2.3.3 内联样式表 29
2.3.4 输入样式表 30
2.3.5 多重样式 31
2.4 CSS的继承 33
2.4.1 CSS的继承关系 33
2.4.2 CSS继承的应用 34
习题2 34
上机实验2 35
第3章 用CSS设置文字与背景 37
3.1 CSS文字与段落样式 37
3.1.1 CSS文字样式 37
3.1.2 CSS段落文字 43
3.1.3 CSS列表 46
3.2 CSS颜色与背景样式 50
3.2.1 设置颜色 50
3.2.2 设置背景图像 52
3.2.3 背景图像的重复方式 54
3.2.4 固定背景图像 56
3.2.5 背景图片位置 58
3.2.6 背景样式的缩写 60
3.3 综合实例 61
3.3.1 文字的综合应用 61
3.3.2 背景的综合应用 63
习题3 65
上机实验3 67
第4章 CSS滤镜的应用 68
4.1 滤镜概述 68
4.2 视觉滤镜 68
4.2.1 alpha属性 69
4.2.2 blur属性 72
4.2.3 Chroma属性 73
4.2.4 DropShadow属性 74
4.2.5 FlipH、FlipV属性 75
4.2.6 Glow属性 77
4.2.7 Gray属性 78
4.2.8 Invert属性 79
4.2.9 Mask属性 80
4.2.10 Shadow属性 81
4.2.11 Wave属性 82
4.2.12 Xray属性 84
4.3 转换滤镜 85
4.3.1 融合转换滤镜 86
4.3.2 揭示转换滤镜 87
4.3.3 网页特效转换 89
习题4 91
上机实验4 92
第5章 CSS框模型与定位 93
5.1 CSS框模型 93
5.1.1 CSS框模型的概述 93
5.1.2 CSS内边距 95
5.1.3 CSS边框 97
5.1.4 CSS外边距 104
5.1.5 外边距合并 108
5.2 CSS定位和浮动 109
5.2.1 块级元素 110
5.2.2 CSS定位机制 110
5.2.3 相对定位 111
5.2.4 绝对定位 113
5.2.5 z-index空间位置 116
5.2.6 CSS浮动 117
5.3 CSS定位实例 123
习题5 127
上机实验5 128
第6章 DIV+CSS布局基础 129
6.1 div标记与span标记 129
6.1.1 div标记与span标记概述 129
6.1.2 <div>与<span>标记的区别 131
6.2 CSS排版观念 132
6.2.1 将页面用div分块 132
6.2.2 设计各块的位置 133
6.2.3 用CSS定位 134
6.3 固定宽度且居中的版式 135
6.3.1 一列固定宽度居中 135
6.3.2 二列固定宽度居中 137
6.4 自适应宽度且居中的版式 139
6.4.1 一列自适应宽度且居中 139
6.4.2 二列宽度自适应 140
6.4.3 左列固定，右列宽度
自适应 142
6.4.4 三列浮动中间列宽度
自适应 144
6.5 一个常用的DIV+CSS网站布局的
基本框架结构实例 147
6.5.1 搭建框架 147
6.5.2 添加CSS样式 148
6.6 排版实例：淘宝商城 150
6.6.1 搭建HTML框架 151
6.6.2 添加CSS样式 155
6.6.3 采用CSS+DIV布局优势 156
习题6 157
上机实验6 158
第7章 CSS与JavaScript的
综合应用 159
7.1 JavaScript概述 159
7.1.1 JavaScript简介 159
7.1.2 JavaScript的特点 160
7.1.3 在网页中使用JavaScript 160
7.2 JavaScript语法基础 162
7.2.1 JavaScript的数据类型 162
7.2.2 常量、变量与表达式 162
7.2.3 函数的定义 165
7.2.4 条件分支语句 167
7.2.5 循环控制语句 169
7.3 JavaScript内置对象 171
7.3.1 String对象 171
7.3.2 Math对象 174
7.3.3 Array对象 175
7.3.4 Date对象 177
7.4 浏览器对象 179
7.4.1 浏览器对象简介 179
7.4.2 window对象 181
7.5 JavaScript的事件处理 186
7.5.1 事件及响应方法 186
7.5.2 document的常用事件 188
7.6 实例一：图片的间歇滚动 189
7.7 实例二：用CSS制作的导航菜单 192
7.8 实例三：用CSS实现PPT幻灯片 195
习题7 196
上机实验7 199
第8章 整合案例一：我的博客 203
8.1 分析架构 203
8.1.1 设计分析 203
8.1.2 排版架构 204
8.2 模块设计 205
8.2.1 导航与Banner 205
8.2.2 左侧列表 206
8.2.3 内容部分 208
8.2.4 footer脚注 209
8.3 整体调整 210
8.4 网页源码 211
第9章 整合案例二：企业网站 217
9.1 分析架构 217
9.1.1 设计分析 217
9.1.2 排版架构 218
9.2 模块设计 219
9.2.1 导航与Banner 219
9.2.2 左侧部分 221
9.2.3 中间部分 222
9.2.4 右侧部分 224
9.2.5 footer脚注 226
9.3 整体调整 227
9.4 网页源码 228
参考文献 236
