CSS是用于控制网页样式，并允许将样式信息与网页内容分离的一种标记性语言。只需在CSS代码中做一些简单的修改，就可以改变同一页面中的不同部分，或者统一网站页面的外观和格式，例如颜色、边框、背景图片、透明度和大小等。 本书从介绍CSS技术的基础知识开始，围绕Web设计的各个方面予以展开，并通过大量实例深入剖析CSS应用的核心。本书分20章，主要内容包括CSS选择符、CSS伪类、字体样式、文本样式、区块样式、列表样式、表格和表单样式以及特效滤镜。此外，还对CSS在页面布局、XML、JavaScript以及Dreamweaver中的应用进行了介绍。最后使用div+CSS制作了两个综合实例。 本书适合具有一定XHTML基础，希望通过CSS提高Web设计技能的读者，同时也适合网页制作初学者学习，也可作为相关培训机构的参考用书。

目 录
第1章 CSS快速入门 1
1.1 第一个CSS实例 2
视频教学：9分钟 2
1.1.1 基础知识——CSS基础 2
1.1.2 实例描述 5
1.1.3 实例应用 5
1.1.4 运行结果 7
1.2 使用CSS样式 9
视频教学：9分钟 9
1.2.1 基础知识——CSS样式的 使用方式 9
1.2.2 实例描述 11
1.2.3 实例应用 11
1.2.4 运行结果 12
1.2.5 实例分析 13
1.3 CSS的语法 13
1.4 增强CSS的可读性——使用注释 13
1.5 CSS优先级 14
视频教学：8分钟 14
1.5.1 CSS的后来居上原则 14
1.5.2 CSS的继承性 15
1.5.3 CSS的选择器优先级 16
1.5.4 !important声明强制优先 18
1.6 CSS中风格不一的文字 18
视频教学：8分钟 18
1.6.1 基础知识——CSS中的单位 18
1.6.2 实例描述 20
1.6.3 实例应用 20
1.6.4 运行结果 22
1.6.5 实例分析 22
1.7 选择一款网页制作工具 23
1.8 常见问题解答 25
1.8.1 学习CSS需要哪些特殊的 软件 25
1.8.2 CSS+div菜鸟级问题 25
1.8.3 学习CSS都需要哪些基础 知识 25
1.9 习题 26
第2章 选择符 29
2.1 设置指定文字的样式 30
视频教学：4分钟 30
2.1.1 基础知识——通用选择符 30
2.1.2 实例描述 30
2.1.3 实例应用 30
2.1.4 运行结果 31
2.1.5 实例分析 31
2.2 设置表格的样式 32
视频教学：5分钟 32
2.2.1 基础知识——标签选择符 32
2.2.2 实例描述 32
2.2.3 实例应用 32
2.2.4 运行结果 33
2.2.5 实例分析 34
2.3 实现图片的层叠效果 34
视频教学：5分钟 34
2.3.1 基础知识——id选择符 34
2.3.2 实例描述 34
2.3.3 实例应用 35
2.3.4 运行结果 35
2.3.5 实例分析 36
2.4 克隆div元素 36
视频教学：5分钟 36
2.4.1 基础知识——class选择符 36
2.4.2 实例描述 36
2.4.3 实例应用 37
2.4.4 运行结果 37
2.4.5 实例分析 38
2.5 实现动态变色的效果 38
视频教学：5分钟 38
2.5.1 基础知识——伪类及伪元素 选择符 38
2.5.2 实例描述 38
2.5.3 实例应用 39
2.5.4 运行结果 39
2.5.5 实例分析 40
2.6 设置统一样式 41
视频教学：5分钟 41
2.6.1 基础知识——群组选择符 41
2.6.2 实例描述 41
2.6.3 实例应用 41
2.6.4 运行结果 42
2.6.5 实例分析 42
2.7 设置div中包含的标签样式 43
视频教学：4分钟 43
2.7.1 基础知识——包含选择符 43
2.7.2 实例描述 44
2.7.3 实例应用 44
2.7.4 运行结果 44
2.7.5 实例分析 45
2.8 常见问题解答 45
2.8.1 CSS中的包含选择符与 子对象选择符的区别 45
2.8.2 CSS选择符问题 46
2.8.3 怎样用CSS选取表格的 第一列CSS选择符 46
2.9 习题 47
第3章 伪类和伪元素 49
3.1 制作多彩的超链接 50
视频教学：6分钟 50
3.1.1 基础知识——链接伪类 50
3.1.2 实例描述 50
3.1.3 实例应用 51
3.1.4 运行结果 52
3.1.5 实例分析 53
3.2 高亮显示输入元素的登录表单 54
视频教学：5分钟 54
3.2.1 基础知识——:focus伪类 54
3.2.2 实例描述 54
3.2.3 实例应用 54
3.2.4 运行结果 55
3.2.5 实例分析 56
3.3 为首个子对象定义样式 56
视频教学：5分钟 56
3.3.1 基础知识——:first-child 伪类 56
3.3.2 实例描述 57
3.3.3 实例应用 57
3.3.4 运行结果 58
3.3.5 实例分析 59
3.4 设置HTML页面的打印尺寸 59
视频教学：5分钟 59
3.4.1 基础知识——:first伪类、 :right伪类和:left伪类 59
3.4.2 实例描述 60
3.4.3 实例应用 60
3.4.4 运行结果 61
3.4.5 实例分析 61
3.5 修饰文字的特殊样式 62
视频教学：5分钟 62
3.5.1 基础知识——:lang伪类 62
3.5.2 实例描述 63
3.5.3 实例应用 63
3.5.4 运行结果 64
3.5.5 实例分析 64
3.6 个性化的歌词显示页 64
视频教学：5分钟 65
3.6.1 基础知识——:first-letter 伪元素和:first-line伪元素 65
3.6.2 实例描述 65
3.6.3 实例应用 65
3.6.4 运行结果 66
3.6.5 实例分析 67
3.7 替换指定位置 67
视频教学：7分钟 67
3.7.1 基础知识——:before 伪元素和:after伪元素 67
3.7.2 实例描述 69
3.7.3 实例应用 69
3.7.4 运行结果 70
3.7.5 实例分析 71
3.8 常见问题解答 71
3.8.1 CSS中伪类的应用问题 71
3.8.2 关于CSS伪类鼠标效果 72
3.8.3 关于first-child伪类无效的 问题 72
3.8.4 box:after{}的功能 73
3.9 习题 73
第4章 字体属性 77
4.1 炫彩诗 78
视频教学：5分钟 78
4.1.1 基础知识——Color 78
4.1.2 实例描述 78
4.1.3 实例应用 79
4.1.4 运行结果 80
4.1.5 实例分析 80
4.2 编排网页 80
视频教学：8分钟 80
4.2.1 基础知识——字体 80
4.2.2 实例描述 87
4.2.3 实例应用 88
4.2.4 运行结果 89
4.2.5 实例分析 89
4.3 网页文章——感怀秋天 89
视频教学：6分钟 89
4.3.1 基础知识——字体装饰 89
4.3.2 实例描述 94
4.3.3 实例应用 94
4.3.4 运行结果 95
4.3.5 实例分析 96
4.4 设置字体间隔 96
视频教学：3分钟 96
4.4.1 基础知识——字体间隔 96
4.4.2 实例描述 98
4.4.3 实例应用 98
4.4.4 运行结果 98
4.4.5 实例分析 99
4.5 行高 99
视频教学：5分钟 99
4.5.1 基础知识——字体行高 99
4.5.2 实例描述 101
4.5.3 实例应用 101
4.5.4 运行结果 102
4.5.5 实例分析 103
4.6 常见问题解答 103
4.6.1 字体名称样式的问题 103
4.6.2 italic和oblique的问题 103
4.6.3 字体大小问题 103
4.7 习题 104
第5章 文本属性 107
5.1 推荐图书详细信息 108
视频教学：6分钟 108
5.1.1 基础知识——text-indent 属性 108
5.1.2 基础知识——vertical-align 属性 109
5.1.3 基础知识——text-align 属性 110
5.1.4 基础知识——white-space 属性 111
5.1.5 基础知识——ruby-align 属性 112
5.1.6 实例描述 113
5.1.7 实例应用 113
5.1.8 运行结果 115
5.1.9 实例分析 115
5.2 网站简介内容 116
视频教学：5分钟 116
5.2.1 基础知识——direction 属性 116
5.2.2 基础知识——layout-flow 属性 117
5.2.3 基础知识——writing-mode 属性 117
5.2.4 实例描述 118
5.2.5 实例应用 118
5.2.6 运行结果 118
5.2.7 实例分析 119
5.3 详细新闻信息内容 119
视频教学：6分钟 119
5.3.1 基础知识——text-autospace 属性 119
5.3.2 基础知识——text-kashida-space 属性 120
5.3.3 基础知识——word-break 属性 121
5.3.4 基础知识——line-break 属性 121
5.3.5 基础知识——word-wrap 属性 121
5.3.6 实例描述 122
5.3.7 实例应用 122
5.3.8 运行结果 123
5.3.9 实例分析 124
5.4 新闻信息列表设置 124
视频教学：5分钟 124
5.4.1 基础知识——text-transform 属性 124
5.4.2 基础知识——text-decoration 属性 125
5.4.3 基础知识——text-overflow 属性 125
5.4.4 实例描述 126
5.4.5 实例应用 126
5.4.6 运行结果 127
5.4.7 实例分析 128
5.5 常见问题解答 128
5.5.1 CSS闪烁效果问题 128
5.5.2 ruby-align属性无效 128
5.5.3 显示省略号问题 129
5.6 习题 130
第6章 边框与尺寸属性 131
6.1 设置一个彩色的盒子 132
视频教学：5分钟 132
6.1.1 基础知识——border-style 属性 132
6.1.2 基础知识——border-width 属性 133
6.1.3 基础知识——border-color 属性 135
6.1.4 基础知识——border属性 136
6.1.5 实例描述 136
6.1.6 实例应用 136
6.1.7 运行结果 137
6.1.8 实例分析 137
6.2 设置一个圆角边框 138
视频教学：12分钟 138
6.2.1 基础知识——border-top 属性 138
6.2.2 基础知识——border-right 属性 140
6.2.3 基础知识——border-bottom 属性 141
6.2.4 基础知识——border-left 属性 142
6.2.5 实例描述 143
6.2.6 实例应用 143
6.2.7 运行结果 144
6.2.8 实例分析 144
6.3 使用百分比设置图像的尺寸 145
视频教学：7分钟 145
6.3.1 基础知识——height属性 145
6.3.2 基础知识——max-height 属性 145
6.3.3 基础知识——min-height 属性 146
6.3.4 基础知识——width属性 146
6.3.5 基础知识——max-width 属性 147
6.3.6 基础知识——min-width 属性 148
6.3.7 实例描述 149
6.3.8 实例应用 149
6.3.9 运行结果 150
6.3.10 实例分析 150
6.4 常见问题解答 150
6.4.1 CSS边框错误 150
6.4.2 CSS的边框显示有问题 151
6.5 习题 151
第7章 边距与间隙属性 153
7.1 边距与间隙的概念 154
7.2 水果价格表格 155
视频教学：10分钟 155
7.2.1 基础知识——margin-top 属性 155
7.2.2 基础知识——margin-right 属性 156
7.2.3 基础知识——margin-bottom 属性 157
7.2.4 基础知识——margin-left 属性 157
7.2.5 实例描述 158
7.2.6 实例应用 158
7.2.7 运行结果 159
7.2.8 实例分析 160
7.3 设置段落的整体边距 160
视频教学：4分钟 160
7.3.1 基础知识——margin属性 160
7.3.2 实例描述 161
7.3.3 实例应用 161
7.3.4 运行结果 162
7.3.5 实例分析 162
7.4 设置图片间隙 162
视频教学：6分钟 162
7.4.1 基础知识——padding-top 属性 162
7.4.2 基础知识——padding-right 属性 163
7.4.3 基础知识——padding-bottom 属性 164
7.4.4 基础知识——padding-left 属性 165
7.4.5 实例描述 165
7.4.6 实例应用 166
7.4.7 运行结果 166
7.4.8 实例分析 167
7.5 设置交易笔数表格的间隙 167
视频教学：4分钟 167
7.5.1 基础知识——padding属性 167
7.5.2 实例描述 168
7.5.3 实例应用 168
7.5.4 运行结果 170
7.5.5 实例分析 171
7.6 常见问题解答 171
7.6.1 消除两个div之间的间隙 问题 171
7.6.2 margin边距问题 172
7.6.3 margin-top属性遇到点小 问题 173
7.7 习题 173
第8章 颜色与背景属性 175
8.1 后台管理系统 176
视频教学：4分钟 176
8.1.1 基础知识——background-color 属性 176
8.1.2 实例描述 176
8.1.3 实例应用 176
8.1.4 运行结果 178
8.1.5 实例分析 178
8.2 个人博客 178
视频教学：10分钟 179
8.2.1 基础知识——background 属性 179
8.2.2 基础知识——background-image 属性 179
8.2.3 基础知识—— background-attachment属性 180
8.2.4 基础知识——background-repeat 属性 181
8.2.5 实例描述 182
8.2.6 实例应用 182
8.2.7 运行结果 183
8.2.8 实例分析 183
8.3 设置网站Logo位置 184
视频教学：8分钟 184
8.3.1 基础知识——background- position属性 184
8.3.2 基础知识——background- position-x属性 185
8.3.3 基础知识——background- position-y属性 185
8.3.4 基础知识——layer-background- color属性 186
8.3.5 基础知识——layer-background- image属性 186
8.3.6 实例描述 187
8.3.7 实例应用 187
8.3.8 运行结果 187
8.3.9 实例分析 188
8.4 常见问题解答 188
8.4.1 背景图片重复显示 188
8.4.2 背景滚动问题 189
8.5 习题 189
第9章 列表属性 191
9.1 构建试卷页面 192
视频教学：5分钟 192
9.1.1 基础知识——list-style-type 属性 192
9.1.2 实例描述 194
9.1.3 实例应用 194
9.1.4 运行结果 196
9.1.5 实例分析 196
9.2 新闻中心图像列表 196
视频教学：4分钟 197
9.2.1 基础知识——list-style-image 属性 197
9.2.2 实例描述 198
9.2.3 实例应用 198
9.2.4 运行结果 199
9.2.5 实例分析 199
9.3 “阶梯形”新闻展示页面 200
视频教学：11分钟 200
9.3.1 基础知识——list-style-position 属性 200
9.3.2 实例描述 201
9.3.3 实例应用 201
9.3.4 运行结果 202
9.3.5 实例分析 203
9.4 制作文章详解页面 203
视频教学：5分钟 203
9.4.1 基础知识——list-style属性 203
9.4.2 实例描述 205
9.4.3 实例应用 205
9.4.4 运行结果 206
9.4.5 实例分析 206
9.5 常见问题解答 206
9.5.1 list-style和list-style-type在IE中 不显示的问题 206
9.5.2 list-style-type在IE与Firefox中 奇怪的现象 207
9.5.3 关于ul ul ul的CSS规则定义 问题 208
9.6 习题 209
第10章 滚动条属性 213
10.1 制作带有彩色3D亮边框的 滚动条 214
视频教学：5分钟 214
10.1.1 基础知识——scrollbar-3dlight- color 214
10.1.2 实例描述 214
10.1.3 实例应用 214
10.1.4 运行结果 215
10.1.5 实例分析 215
10.2 制作带有彩色亮边框的滚动条 216
视频教学：4分钟 216
10.2.1 基础知识——scrollbar-highlight- color 216
10.2.2 实例描述 216
10.2.3 实例应用 216
10.2.4 运行结果 217
10.2.5 实例分析 218
10.3 制作彩色滚动条区块 218
视频教学：4分钟 218
10.3.1 基础知识——scrollbar-face- color 218
10.3.2 实例描述 219
10.3.3 实例应用 219
10.3.4 运行结果 219
10.3.5 实例分析 220
10.4 制作突出方向箭头 220
视频教学：3分钟 220
10.4.1 基础知识——scrollbar-arrow- color 220
10.4.2 实例描述 221
10.4.3 实例应用 221
10.4.4 运行结果 222
10.4.5 实例分析 222
10.5 制作突出滚动条阴影效果 222
视频教学：4分钟 222
10.5.1 基础知识——scrollbar-shadow- color 223
10.5.2 实例描述 223
10.5.3 实例应用 223
10.5.4 运行结果 224
10.5.5 实例分析 225
10.6 制作彩色滚动条暗边框 225
视频教学：4分钟 225
10.6.1 基础知识——scrollbar- darkshadow-color 225
10.6.2 实例描述 225
10.6.3 实例应用 226
10.6.4 运行结果 226
10.6.5 实例分析 227
10.7 制作滚动条基准色 227
视频教学：5分钟 227
10.7.1 基础知识——scrollbar-base- color 227
10.7.2 实例描述 227
10.7.3 实例应用 228
10.7.4 运行结果 228
10.7.5 实例分析 229
10.8 制作彩色滚动条拖动区域 229
视频教学：4分钟 229
10.8.1 基础知识——scrollbar-track- color 229
10.8.2 实例描述 229
10.8.3 实例应用 230
10.8.4 运行结果 230
10.8.5 实例分析 231
10.9 常见问题解答 231
10.9.1 滚动条颜色控制失效 231
10.9.2 滚动条滑块的问题 231
10.10 习题 232
第11章 统揽全局——页面的定位 与布局 235
11.1 盒子模型 236
11.2 具有固定位置的广告框 237
视频教学：6分钟 237
11.2.1 基础知识——定位方式 和位置 237
11.2.2 实例描述 238
11.2.3 实例应用 238
11.2.4 运行结果 239
11.2.5 实例分析 240
11.3 文字阴影效果 240
视频教学：11分钟 240
11.3.1 基础知识——z-index属性 240
11.3.2 实例描述 242
11.3.3 实例应用 242
11.3.4 运行结果 243
11.3.5 实例分析 243
11.4 文字环绕的图片 243
视频教学：11分钟 244
11.4.1 基础知识——浮动定位 244
11.4.2 实例描述 246
11.4.3 实例应用 247
11.4.4 运行结果 248
11.4.5 实例分析 248
11.5 显示一个图片的局部 248
视频教学：11分钟 248
11.5.1 基础知识——clip 248
11.5.2 实例描述 249
11.5.3 实例应用 249
11.5.4 运行结果 250
11.5.5 实例分析 250
11.6 带滚动条的页面模块 251
视频教学：11分钟 251
11.6.1 基础知识——overflow 251
11.6.2 实例描述 251
11.6.3 实例应用 251
11.6.4 运行结果 252
11.6.5 实例分析 253
11.7 横排的列表元素 253
视频教学：4分钟 253
11.7.1 基础知识——display 253
11.7.2 实例描述 254
11.7.3 实例应用 254
11.7.4 运行结果 255
11.7.5 实例分析 256
11.8 使页面元素不可见 256
11.9 常见问题解答 258
11.9.1 div布局用绝对定位好还是 用相对定位好 258
11.9.2 CSS样式中float属性的 问题 258
11.10 习题 259
第12章 逐步改善页面的表格 261
12.1 表格特有的元素 262
12.2 制作一个单线边框表格 262
视频教学：7分钟 263
12.2.1 基础知识——border- collapse 263
12.2.2 实例描述 264
12.2.3 实例应用 264
12.2.4 运行结果 265
12.2.5 实例分析 265
12.3 设置单元格边界之间的距离 266
视频教学：4分钟 266
12.3.1 基础知识——border- spacing 266
12.3.2 实例描述 266
12.3.3 实例应用 266
12.3.4 运行结果 268
12.3.5 实例分析 268
12.4 设置表格标题的位置 268
视频教学：3分钟 269
12.4.1 基础知识——caption-side 269
12.4.2 实例描述 269
12.4.3 实例应用 269
12.4.4 运行结果 270
12.4.5 实例分析 271
12.5 隐藏表格中空单元格上的边框 和背景 271
视频教学：4分钟 271
12.5.1 基础知识——empty-cells 271
12.5.2 实例描述 272
12.5.3 实例应用 272
12.5.4 运行结果 273
12.5.5 实例分析 273
12.6 隐藏单元格超出的数据 273
视频教学：5分钟 274
12.6.1 基础知识——table-layout 274
12.6.2 实例描述 275
12.6.3 实例应用 275
12.6.4 运行结果 277
12.6.5 实例分析 278
12.7 常见问题解答 278
12.7.1 border-collapse问题 278
12.7.2 CSS表格样式问题 278
12.7.3 border-collapse取值的 区别 279
12.8 习题 279
第13章 逐步改善页面的表单 281
13.1 制作特殊样式的文本框 282
视频教学：4分钟 282
13.1.1 基础知识——CSS为表单元素 设置样式 282
13.1.2 实例描述 282
13.1.3 实例应用 283
13.1.4 运行结果 284
13.1.5 实例分析 284
13.2 制作特殊样式的文本框和按钮 284
视频教学：4分钟 285
13.2.1 基础知识——同一个表单中的 元素应用不同的样式 285
13.2.2 实例描述 286
13.2.3 实例应用 286
13.2.4 运行结果 287
13.2.5 实例分析 287
13.3 创建与文档同行的搜索框 287
视频教学：2分钟 287
13.3.1 基础知识——避免表单创建 额外的空格和换行符 288
13.3.2 实例描述 288
13.3.3 实例应用 288
13.3.4 运行结果 289
13.3.5 实例分析 290
13.4 对相关的字段进行分组 290
视频教学：3分钟 290
13.4.1 基础知识——fieldset元素 290
13.4.2 实例描述 290
13.4.3 实例应用 290
13.4.4 运行结果 291
13.4.5 实例分析 292
13.5 为快捷键提示信息设置样式 292
视频教学：5分钟 292
13.5.1 基础知识——accesskey 属性 292
13.5.2 实例描述 293
13.5.3 实例应用 293
13.5.4 运行结果 294
13.5.5 实例分析 295
13.6 制作不同背景的下拉菜单 295
视频教学：4分钟 295
13.6.1 基础知识——使用不同背景 强调select下拉菜单 295
13.6.2 实例描述 296
13.6.3 实例应用 296
13.6.4 运行结果 297
13.6.5 实例分析 297
13.7 强调显示当前焦点字段 297
视频教学：4分钟 298
13.7.1 基础知识——强调用户单击的 表单字段 298
13.7.2 实例描述 298
13.7.3 实例应用 298
13.7.4 运行结果 299
13.7.5 实例分析 300
13.8 常见问题解答 300
13.8.1 HTML中的fieldset的 问题 300
13.8.2 如何使用accesskey的 问题 301
13.9 习题 302
第14章 滤镜及其他 305
14.1 滤镜特效 306
14.2 制作文字、图像透明特效 307
视频教学：5分钟 307
14.2.1 基础知识——Alpha滤镜 307
14.2.2 实例描述 308
14.2.3 实例应用 308
14.2.4 运行结果 309
14.2.5 实例分析 309
14.3 制作两张图像轮换交替显示效果 309
视频教学：4分钟 310
14.3.1 基础知识——BlendTrans 滤镜 310
14.3.2 实例描述 310
14.3.3 实例应用 311
14.3.4 运行结果 312
14.3.5 实例分析 313
14.4 制作麦子随风起舞特效 313
视频教学：4分钟 313
14.4.1 基础知识——Blur滤镜 313
14.4.2 实例描述 314
14.4.3 实例应用 314
14.4.4 运行结果 315
14.4.5 实例分析 316
14.5 制作半透明字体 316
视频教学：4分钟 316
14.5.1 基础知识——Chroma 滤镜 316
14.5.2 实例描述 317
14.5.3 实例应用 317
14.5.4 运行结果 317
14.5.5 实例分析 318
14.6 制作投影“宠物秀”页面 318
视频教学：6分钟 318
14.6.1 基础知识——Shadow滤镜 与DropShadow滤镜 318
14.6.2 实例描述 319
14.6.3 实例应用 320
14.6.4 运行结果 320
14.6.5 实例分析 321
14.7 可翻转的图像和文字 321
视频教学：5分钟 321
14.7.1 基础知识——FlipH滤镜 与FlipV滤镜 321
14.7.2 实例描述 323
14.7.3 实例应用 323
14.7.4 运行结果 324
14.7.5 实例分析 324
14.8 制作光晕字 325
视频教学：5分钟 325
14.8.1 基础知识——Glow滤镜 325
14.8.2 实例描述 326
14.8.3 实例应用 326
14.8.4 运行结果 327
14.8.5 实例分析 328
14.9 让古代美女的粉色衣裳变为灰色 328
视频教学：8分钟 328
14.9.1 基础知识——Gray滤镜 328
14.9.2 实例描述 329
14.9.3 实例应用 329
14.9.4 运行结果 330
14.9.5 实例分析 330
14.10 图像大翻身 330
视频教学：5分钟 330
14.10.1 基础知识——Invert滤镜 与Xray滤镜 331
14.10.2 实例描述 332
14.10.3 实例应用 332
14.10.4 运行结果 332
14.10.5 实例分析 333
14.11 实现镭射灯的效果 333
视频教学：4分钟 333
14.11.1 基础知识——Light滤镜 333
14.11.2 实例描述 334
14.11.3 实例应用 334
14.11.4 运行结果 335
14.11.5 实例分析 336
14.12 制作遮罩字 336
视频教学：3分钟 336
14.12.1 基础知识——Mask滤镜 336
14.12.2 实例描述 336
14.12.3 实例应用 336
14.12.4 运行结果 337
14.12.5 实例分析 338
14.13 图像淡入淡出 338
视频教学：5分钟 338
14.13.1 基础知识——RevealTrans 滤镜 338
14.13.2 实例描述 339
14.13.3 实例应用 339
14.13.4 运行结果 340
14.13.5 实例分析 341
14.14 让图像产生波纹变形 341
视频教学：14分钟 341
14.14.1 基础知识——Wave滤镜 341
14.14.2 实例描述 343
14.14.3 实例应用 343
14.14.4 运行结果 344
14.14.5 实例分析 345
14.15 鼠标指针 345
视频教学：3分钟 345
14.15.1 基础知识——鼠标指针 345
14.15.2 实例描述 346
14.15.3 实例应用 346
14.15.4 运行结果 346
14.15.5 实例分析 347
14.16 常见问题解答 348
14.16.1 对一个对象同时使用多个 滤镜的问题 348
14.16.2 startx、starty、finishx、finishy 参数是否重要 348
14.16.3 IE6中使用CSS滤镜后链接 无法单击的问题 349
14.17 习题 349
第15章 使用Dreamweaver提高工作 效率 353
15.1 使用Dreamweaver完成网站设计 354
视频教学：10分钟 354
15.1.1 基础知识——使用Dreamweaver 编写HTML信息 354
15.1.2 基础知识——使用CSS面板 创建样式 357
15.1.3 实例描述 361
15.1.4 实例应用 361
15.1.5 运行结果 362
15.1.6 实例分析 363
15.2 将网站介绍页面样式保存至本地 363
视频教学：5分钟 363
15.2.1 基础知识——保存CSS文件 到本地站点 363
15.2.2 实例描述 365
15.2.3 实例应用 365
15.2.4 运行结果 367
15.2.5 实例分析 368
15.3 为网站介绍页面添加背景颜色 368
视频教学：4分钟 368
15.3.1 实例描述 368
15.3.2 实例应用 368
15.3.3 运行结果 370
15.3.4 实例分析 370
15.4 设置首页导航 371
视频教学：8分钟 371
15.4.1 基础知识——插入菜单栏 372
15.4.2 基础知识——编辑菜单栏 373
15.4.3 实例描述 377
15.4.4 实例应用 377
15.4.5 运行结果 378
15.4.6 实例分析 378
15.5 制作导航简介 378
视频教学：5分钟 378
15.5.1 基础知识——插入选项卡 378
15.5.2 基础知识——编辑选项卡 379
15.5.3 实例描述 380
15.5.4 实例应用 380
15.5.5 运行结果 381
15.5.6 实例分析 381
15.6 窗内公告 382
视频教学：5分钟 382
15.6.1 基础知识——插入折叠式 面板 382
15.6.2 基础知识——自定义折叠 面板 384
15.6.3 实例描述 386
15.6.4 实例应用 386
15.6.5 运行结果 387
15.6.6 实例分析 387
15.7 用户注册 387
视频教学：7分钟 388
15.7.1 实例描述 388
15.7.2 实例应用 388
15.7.3 运行结果 398
15.7.4 实例分析 399
15.8 常见问题解答 399
15.8.1 将样式保存至本地服务器 399
15.8.2 Spry框架设置超链接 399
15.9 习题 400
第16章 与XML整合 403
16.1 创建简单的XML文件 404
视频教学：12分钟 404
16.1.1 基础知识——创建XML 文档 404
16.1.2 实例描述 407
16.1.3 实例应用 407
16.1.4 实例分析 408
16.2 在XML中引用外部CSS样式文件 制作家电条幅 408
视频教学：7分钟 408
16.2.1 基础知识——使用CSS显示 XML中的数据 408
16.2.2 实例描述 409
16.2.3 实例应用 410
16.2.4 运行结果 412
16.2.5 实例分析 412
16.3 在XML中嵌入CSS样式制作 家电条幅 413
视频教学：7分钟 413
16.3.1 基础知识——在XML中嵌入 CSS样式 413
16.3.2 实例描述 413
16.3.3 实例应用 413
16.3.4 运行结果 414
16.3.5 实例分析 414
16.4 实现学生信息的隔行变色功能 415
视频教学：7分钟 415
16.4.1 基础知识——XML实现 隔行变色的表格 415
16.4.2 实例描述 416
16.4.3 实例应用 416
16.4.4 运行结果 418
16.4.5 实例分析 419
16.5 使用XSLT制作宠物展示页面 419
视频教学：6分钟 419
16.5.1 基础知识——使用XSLT 显示XML数据 419
16.5.2 实例描述 421
16.5.3 实例应用 421
16.5.4 运行结果 423
16.5.5 实例分析 423
16.6 常见问题解答 424
16.6.1 设置的CSS样式无效的 问题 424
16.6.2 为什么还要发展XML 424
16.6.3 为什么要使用XML而不是 HTML 425
16.6.4 XML如何与数据库连接 425
16.7 习题 426
第17章 尽善尽美——合理使用 JavaScript 429
17.1 会变色的表格边框 430
视频教学：5分钟 430
17.1.1 实例描述 430
17.1.2 实例应用 430
17.1.3 运行结果 431
17.1.4 实例分析 431
17.2 随着鼠标浮动的文字 431
视频教学：4分钟 432
17.2.1 实例描述 432
17.2.2 实例应用 432
17.2.3 运行结果 433
17.2.4 实例分析 434
17.3 会闪的图片 434
视频教学：3分钟 434
17.3.1 实例描述 434
17.3.2 实例应用 434
17.3.3 运行结果 435
17.3.4 实例分析 435
17.4 图片翻转 436
视频教学：4分钟 436
17.4.1 实例描述 436
17.4.2 实例应用 436
17.4.3 运行结果 437
17.4.4 实例分析 437
17.5 舞动的文字 438
视频教学：4分钟 438
17.5.1 实例描述 438
17.5.2 实例应用 438
17.5.3 运行结果 441
17.5.4 实例分析 442
17.6 会收缩的导航栏 442
视频教学：4分钟 442
17.6.1 实例描述 442
17.6.2 实例应用 443
17.6.3 运行结果 445
17.6.4 实例分析 445
17.7 逐渐变色的表格 445
视频教学：4分钟 446
17.7.1 实例描述 446
17.7.2 实例应用 446
17.7.3 运行结果 448
17.7.4 实例分析 449
17.8 常见问题解答 449
17.8.1 JavaScript的典型错误 449
17.8.2 变量每秒自加1 449
17.8.3 通过滤镜实现图片翻转的 问题 450
17.9 习题 451
第18章 CSS跨浏览器支持技术 453
18.1 为特定浏览器提供不同的样式 454
视频教学：5分钟 454
18.1.1 基础知识——条件注释 454
18.1.2 实例描述 456
18.1.3 实例应用 456
18.1.4 运行结果 458
18.1.5 实例分析 458
18.2 解决空白边叠加问题 458
视频教学：5分钟 458
18.2.1 基础知识——空白边叠加 459
18.2.2 实例描述 460
18.2.3 实例应用 460
18.2.4 运行结果 462
18.2.5 实例分析 462
18.3 避免浮动元素闭合 462
视频教学：6分钟 462
18.3.1 基础知识——闭合浮动 元素 462
18.3.2 实例描述 465
18.3.3 实例应用 465
18.3.4 运行结果 467
18.3.5 实例分析 467
18.4 选择合适的DOCTYPE 467
视频教学：11分钟 467
18.4.1 基础知识——DOCTYPE的 作用 467
18.4.2 基础知识——定义 DOCTYPE 469
18.4.3 实例描述 470
18.4.4 实例应用 470
18.4.5 运行结果 471
18.4.6 实例分析 471
18.5 CSS Bug 471
18.5.1 校验CSS Bug 472
18.5.2 捕捉Bug的基本步骤 473
18.6 CSS建议 475
18.7 常见问题解答 478
18.7.1 CSS样式表显示问题 478
18.7.2 CSS固定div的兼容性 问题 478
18.7.3 简单菜单的兼容性 479
18.7.4 CSS在IE和FF中的兼容性 问题 479
18.8 习题 481
第19章 itzcn书店设计 483
19.1 案例效果图分析 484
19.1.1 划分页面主体框架 484
19.1.2 分析顶部模块 485
19.1.3 分析底部模块 486
19.1.4 分析页面主体部分结构 486
19.2 站点目录结构 488
19.3 页面框架布局设计 488
19.4 头部banner和菜单条的布局 设计 491
19.5 底部页面脚注的布局设计 493
19.6 左侧主内容区域的详细设计 494
19.6.1 “好书推荐”栏目样式 设计 495
19.6.2 “新书上架”栏目样式 设计 498
19.7 右侧辅助内容区域的详细设计 500
19.7.1 “购物车”栏目样式设计 500
19.7.2 “关于书店”栏目样式 设计 501
19.7.3 “优惠图书”栏目样式 设计 502
19.7.4 “图书分类”栏目样式 设计 504
19.7.5 “友情链接”栏目样式 设计 506
19.8 总结 506
第20章 设计微博首页 507
20.1 系统分析 508
20.1.1 最终效果预览 508
20.1.2 结构分析 509
20.2 准备工作 510
20.2.1 创建站点结构 510
20.2.2 定义页面结构 512
20.3 设计顶部Logo展示模块 514
20.4 设计底部版权展示模块 515
20.5 设计左侧内容显示模块 517
20.5.1 宣传广告 518
20.5.2 热议话题 518
20.5.3 会员列表和最新话题 521
20.6 设计右侧边栏模块 527
20.6.1 会员注册与登录入口 527
20.6.2 会员关注排行榜 530
20.7 总结 532
附录 参考答案 533