本书涵盖主题
◎HTML与CSS概述
◎行内样式表、内部样式表和外部样式表
◎主流网页设计与制作工具的使用
◎利用Dreamweaver编辑CSS
◎裁剪图片与文字等实用的CSS技巧
◎Span与DIV标签
◎CSS设置网页背景、文字外观与对齐方式
◎使用CSS分析专业相册SmoothGallery
◎JavaScript功能范例
◎JavaScript动态设置CSS的方法
◎CSS相关IT背景知识介绍——来龙去脉、优势与不足
◎用于格式化数据的表格标签
◎与浏览者交互的表单标签
◎利用CSS控制打印效果
◎CSS滤镜
◎CSS属性继承
◎DIV+CSS
无
CSS的全称为层叠样式表，是当今网站开发过程中必不可少的一项技术。它给网页带来了全新的开发理念，即内容与格式相分离的准则。CSS的功能很强大，可以控制页面和各种标签的显示效果，甚至浏览器滚动条的外观；除此之外，它还能够更好地进行网页布局与排版，通过链接的内外部样式表大大减少网页文件的尺寸，从而在很大程度上提高了客户端网页开发的速度与后期的维护成本。
CSS目前已经发展到了2.1版本，CSS3也正在紧锣密鼓的制定中。已经有越来越多的人走进了CSS技术的大门。但是，CSS技术看似简单，实际却包含了很多的经验和技巧：如各种浏览器中对于相同CSS样式的不同处理，如多种多样灵活、分散的样式规则定义，如人们对CSS技术的误解，认为它是已经成型、固定不变、不再演化的技术等。正是由于这些原因，虽然CSS名声在外已经有不短的时间，但能让其发挥到很高程度的网站并不很多见。
本书特色
1. 内容充实，技术全面
本书详尽地介绍了CSS技术的特点和实现方法，但本书并不满足于只介绍CSS各种具体的样式规则写法。因为具体实现是为该项技术产生的目的、需求所服务的，因此本书在组织与取材上尽量多地介绍了一些与CSS相关的IT背景知识，让读者能够全面掌握CSS技术的来龙去脉、优势与不足，树立一些正确的网站开发观念，并建立计算机知识的相互联系，形成网络。
2. 语言通俗易懂，讲述不拘一格
本书讲解时将计算机知识与日常生活相类比，揭开计算机知识的神秘性，提示读者在遇到类似问题时的解决思路。
3. 实例丰富而典型，注重实践
本书在讲解过程中贯穿了大量的实例，这些例子简单明了，并且非常典型，对读者的学习有很大的帮助。而且这些例子也是来源于实际，具有很强的实践性。
4. 安排相关实验，提高读者动手能力
本书在讲解过程中特别安排了与内容相关的一些实验内容，可以使读者很好地将理论知识和实际操作结合起来学习，这将极大地提高读者的实际动手能力。
5. 提供完善的售后服务
在读者学习和使用本书的过程中，以及在实际的项目开发中，可以将自己遇到的问题随时反馈给作者，作者将尽力帮助大家解决这些问题。
本书的内容
本书共分为3篇，循序渐进地讲述了CSS技术的各个方面，从基本概念的理解到具体的CSS样式规则语法，以及使用Dreamweaver等进行CSS编辑的较全面的知识点。
第1篇 CSS零基础入门，包括第1章到第4章的内容。本篇首先概要性地介绍了什么是CSS，CSS的3个种类：行内样式表、内部样式表和外部样式表。接下来介绍了利用 CSS如何设置网页的背景、文字的外观与对齐方式等。以这些讲述作为基础，在第4章介绍了CSS技术中的核心概念：选择器、盒模型、文档类型，使读者在获得基本的CSS知识后立即对贯穿全书的重要概念有了感性的认识，有利于在进行实际开发之前就形成良好的大局观。
第2篇 CSS滤镜风格与定位，包括第5章到第13章的内容。本篇介绍了3类重要的HTML标签：用于组织内容的Span与div标签、用于格式化数据的表格标签以及用于与浏览者交互的表单标签。通过学习这些标签，读者将学到有关属性、事件等在很多计算机领域都会遇到的名词含义。本篇后3章还分别介绍了CSS控制打印、滤镜和属性继承的知识。
第11、12章深入讲解了浮动、显示/隐藏、定位等控制标签在网页上位置的属性，为第13章介绍网页布局和排版打下了基础。在第13章中，首先分析了传统表格排版的不足之处，然后讲解利用Div+CSS实现一列式、两列式、多列式、不规则网页的排版技巧，使读者能够对一项技术的发展缘由有所了解。
第3篇 CSS实战布局，包括第14章到第18章的内容。本篇首先介绍了主流网页设计与制作工具Dreamweaver的使用，特别是在CSS编辑方面的使用方法。接下来介绍了几个实用的CSS技巧，以及利用CSS对一个国外专业相册的分析。最后，由于JavaScript和网页的密不可分，简要介绍了JavaScript的相关知识，重点在于利用它进行CSS的动态设置方面，使读者认识到改变一个标签的外观能够有多种方式。在本书的最后一章，介绍了下一代的CSS—CSS3的一些新鲜功能，进一步激发读者对于钻研新技术的兴趣。
本书配套光盘内容
q 本书源代码；
q 本书电子教案（PPT）；
q 1200余页编程技术文档（免费赠送）；
q 45个编程主题视频讲座（免费赠送）；
本书适合的读者
q CSS的初学者。
q Web设计和制作人员。
q 网页制作爱好者。
q 任何想要全面、深入学习网页制作的读者。
本书的作者
本书由施迎主笔编写，其他参与编写和资料整理的人员有高会东、王建超、邓薇、黄丽莉、吝晓宁、汪洋、白广元、蔡念光、陈辉、冯彬、刘长江、刘明、沙金、张士强、张洪福、多召英、贾旭、李宽、江宽、陈科、方成林、班晓娟、方中纯、刘兰军、郑雪峰等。
编 者
本书涵盖主题
◎HTML与CSS概述
◎行内样式表、内部样式表和外部样式表
◎主流网页设计与制作工具的使用
◎利用Dreamweaver编辑CSS
◎裁剪图片与文字等实用的CSS技巧
◎Span与DIV标签
◎CSS设置网页背景、文字外观与对齐方式
◎使用CSS分析专业相册SmoothGallery
◎JavaScript功能范例
◎JavaScript动态设置CSS的方法
◎CSS相关IT背景知识介绍——来龙去脉、优势与不足
◎用于格式化数据的表格标签
◎与浏览者交互的表单标签
◎利用CSS控制打印效果
◎CSS滤镜
◎CSS属性继承
◎DIV+CSS
施迎：暂无简介
写给自学编程的人员
前言
第一篇 CSS零基础入门
第1章 CSS概述 1
1.1 CSS是什么 1
1.1.1 什么是Cascade 2
1.1.2 层叠的样式 2
1.1.3 表的作用 2
1.2 CSS的发展历程 3
1.2.1 关于HTML 3
1.2.2 设计HTML的目的 4
1.2.3 HTML的特点 4
1.2.4 CSS的传奇历程 4
1.3 建立网站和浏览网站 5
1.3.1 什么是服务 5
1.3.2 服务的场所 6
1.3.3 创建服务场所—建立网站 6
1.3.4 创建服务内容—网页的上传 7
1.3.5 开启网页发布服务 8
1.3.6 用户浏览网站的过程 9
1.4 CSS在网站开发框架中的地位 10
1.5 制作CSS需要考虑的问题 11
1.5.1 对于不同用户的照顾 11
1.5.2 对于不同浏览器的照顾 12
1.5.3 对于网站浏览速度的关注 12
1.6 小结 13
第2章 CSS初体验 14
2.1 实验一：寻找CSS 14
2.1.1 浏览器与网页的外观 14
2.1.2 找到样式表 15
2.1.3 先模仿后进步 16
2.2 CSS分类及其创建方法 16
2.2.1 CSS的3个种类 16
2.2.2 在Dreamweaver中创建CSS—利用Dreamweaver提供的模板 17
2.2.3 在Dreamweaver中创建CSS—自定义创建 18
2.3 实验二：你的第1个样式表 20
2.3.1 使用行内样式表 20
2.3.2 使用内部样式表 21
2.3.3 使用外部样式表 23
2.3.4 各种样式表的优先级 25
2.4 小结 26
第3章 开启CSS的大门 27
3.1 背景让HTML页面更漂亮 27
3.1.1 控制网页的背景 27
3.1.2 HTML的颜色表示方法 28
3.1.3 如何获取屏幕颜色 30
3.1.4 网页文件的路径 30
3.1.5 控制页面上的文字 33
3.1.6 给文字增加更多效果 35
3.2 文本的排版 35
3.2.1 文本的缩进 36
3.2.2 文本的对齐 37
3.2.3 改变文本字符间距 40
3.2.4 文字的其他设置 41
3.3 关于HTML的链接 43
3.3.1 链接和A标签 43
3.3.2 A标签的实例 44
3.3.3 A标签的几种状态 45
3.4 利用图片丰富HTML外观 45
3.4.1 在网页中插入图片 45
3.4.2 网页中能显示所有图片吗 46
3.4.3 改进图片的显示—给图片镶边 47
3.4.4 防止图片被盗用的一个技巧 48
3.4.5 实验：制作一页包含图文的电子简历 50
3.5 小结 52
第4章 学习一点CSS的语法 54
4.1 再访HTML 54
4.1.1 组成HTML页面的细胞—标签 54
4.1.2 CSS规则的具体写法 54
4.1.3 标签应用CSS规则的具体写法 56
4.1.4 CSS选择器的种类—8种武器 58
4.1.5 伪类 68
4.1.6 伪类的排列顺序 69
4.2 盒模型 70
4.2.1 块元素、内联元素和可变元素 70
4.2.2 盒模型概述 73
4.3 文档类型 74
4.4 小结 75
第5章 组织：熟悉Span与Div 77
5.1 属性与事件 77
5.1.1 什么是属性 77
5.1.2 属性的种类：基本属性、扩展属性 78
5.1.3 什么是事件 79
5.1.4 特别的属性：事件属性 79
5.2 Span是什么 81
5.2.1 Span有名字—ID属性 81
5.2.2 Span的所在班级—Class属性 82
5.2.3 Span的职务—Title属性 85
5.2.4 Span的外貌—Style属性 89
5.2.5 Span的Dir属性 90
5.2.6 Span能说方言—Lang属性 91
5.2.7 鼠标左键发生的事情—OnClick/OnDblClick 92
5.2.8 其他的事件 94
5.3 Div标签 94
5.3.1 Div标签与Span标签的区别 95
5.3.2 Div标签的属性 96
5.4 小结 96
第6章 装载数据的擎天柱—表格 97
6.1 表格的外观与结构 97
6.2 再访盒模型：单元格 99
6.2.1 再访盒模型 99
6.2.2 修改盒子的宽度 99
6.2.3 单元格的重要属性 104
6.3 表格的边框 107
6.3.1 表格边框的两种模式 107
6.3.2 设置边框的颜色、类型、粗细 108
6.3.3 表格边框的其他属性 110
6.3.4 边框样式规则的冲突问题 110
6.4 表格的外边距 111
6.5 表格家族的其他标签 111
6.5.1 行标签 111
6.5.2 表头标签 112
6.5.3 表内容标签 112
6.5.4 表格题目标签 114
6.6 实验：设计并实现颜色交替的表格 114
6.6.1 简单的需求分析 114
6.6.2 代码实现 114
6.6.3 进一步思考 118
6.7 小结 118
第7章 表单 119
7.1 表单家族介绍 119
7.1.1 form标签 119
7.1.2 表单如何提交 120
7.1.3 form标签在浏览器中的外观 120
7.1.4 形形色色的输入标签 121
7.1.5 表单家族各成员标签的特点 124
7.1.6 表单家族各成员标签的事件 125
7.2 表单与样式表 125
7.2.1 清除form标签前后的空白 126
7.2.2 设置丰富背景色的选择框 128
7.2.3 设置input标签的边框 131
7.2.4 动态改变文本输入框的背景 131
7.2.5 关于表单各标签的快捷键 133
7.3 小结 134
第8章 CSS与网页打印 135
8.1 CSS样式中的媒体 135
8.1.1 如何按照媒体类型区分样式 135
8.1.2 不同媒体类型下的样式是否可以共享 136
8.2 实验：制作适合打印的在线报名网页 136
8.2.1 案例背景 136
8.2.2 网页总体设计 137
8.2.3 fieldset标签 139
8.2.4 实现报名网页内容的分区 140
8.2.5 实现平面按钮和文本框 141
8.2.6 网页代码实现—打印报名部分 143
8.2.7 精简含有@media设置的样式表 147
8.3 小结 148
第二篇 CSS滤镜、风格与定位
第9章 CSS滤镜介绍 149
9.1 CSS滤镜概述 149
9.1.1 滤镜的编写规范与分类 149
9.1.2 在网页中增加滤镜 150
9.2 透明度的问题：Alpha通道 151
9.2.1 Alpha滤镜的属性设置 151
9.2.2 Alpha滤镜的实际例子 152
9.3 朦胧的美：blur 153
9.4 增加透明色效果（Chroma） 155
9.5 下落的阴影（Drop Shadow） 157
9.6 浮雕纹理（Emboss和Engrave） 158
9.7 给元素增加一些翻转变换（Flip） 159
9.8 关于灰度（Gray） 161
9.9 霓虹灯：设置光晕（Glow） 163
9.10 独特的效果：反色（Invert） 164
9.11 面纱与遮罩（Mask） 165
9.12 运动模糊(Motion Blur） 166
9.12.1 运动模糊滤镜的主要参数 166
9.12.2 不同Blur效果的比较 167
9.13 让元素更立体：增加阴影（Shadow） 169
9.14 X射线效果（XRay） 169
9.15 给文字增加波浪（Wave） 170
9.16 基本图形滤镜（BasicImage） 171
9.17 动态滤镜 174
9.17.1 转移滤镜的种类 175
9.17.2 Barn滤镜 175
9.17.3 动态滤镜的特别写法 177
9.17.4 RevealTrans动态滤镜 177
9.17.5 RevealTrans滤镜在网页切换中的应用 179
9.18 背景滤镜 180
9.18.1 PNG图片格式 180
9.18.2 AlphaImageLoader滤镜 181
9.18.3 Gradient滤镜 181
9.19 小结 182
第10章 CSS风格的继承 183
10.1 有其父必有其子：继承与面向对象 183
10.2 查看继承关系的工具 184
10.3 CSS中的继承 186
10.3.1 文字样式的继承 189
10.3.2 边距的继承 190
10.4 标签的继承性 194
10.5 小结 196
第11章 浮动与定位 197
11.1 浮动属性初探 197
11.1.1 设置Float属性的语法 197
11.1.2 用Float属性设置图文环绕 197
11.2 浮动属性详解 199
11.2.1 文档流 199
11.2.2 浮动属性的特点与实现过程 200
11.2.3 浮动标签的折行显示 201
11.2.4 Float属性的影响范围 203
11.2.5 多幅图片与文字的环绕 204
11.2.6 利用Clear属性清除浮动 207
11.2.7 Float标签的左右逢源 209
11.2.8 Float标签与宽度设定 210
11.2.9 背景边框与Float标签 211
11.3 定位技术 213
11.3.1 定位技术以及它的分类 213
11.3.2 绝对定位 213
11.3.3 相对定位 214
11.3.4 固定定位 215
11.4 小结 217
第12章 层次堆叠与隐藏 218
12.1 使网页变成三维立体的z-index 218
12.1.1 z-index属性简介 219
12.1.2 堆叠上下文（stack context） 221
12.1.3 代码顺序和显示顺序 224
12.1.4 层叠的应用举例 225
12.2 控制标签的显示与隐藏 229
12.2.1 Display属性 229
12.2.2 Visibility属性 230
12.3 小结 232
第13章 利用CSS+Div进行网页布局和排版 233
13.1 表格还是Div 233
13.1.1 利用表格进行网页布局 233
13.1.2 利用Div+CSS进行网页布局 234
13.2 用Div+CSS创建一列式网页布局 234
13.2.1 创建一列式布局 235
13.2.2 代码解读 237
13.2.3 观察与思考：3个问题 238
13.2.4 解决Div内容垂直居中的问题 239
13.2.5 解决IE7浏览器中底部Div突出的问题 241
13.2.6 设置Body居中的技巧 242
13.3 用Div+CSS创建两列式网页布局 243
13.3.1 创建基本的两列式布局 243
13.3.2 设置固定宽度的两列式布局 249
13.4 用Div+CSS创建多列式网页布局 249
13.5 用Div+CSS创建不规则网页布局 255
13.6 小结 256
第三篇 CSS实战布局
第14章 利用Dreamweaver进行CSS设计 257
14.1 Dreamweaver介绍 257
14.1.1 如何获得Dreamweaver CS3 258
14.1.2 Dreamweaver CS3的安装过程 260
14.1.3 Dreamweaver CS3操作界面介绍 260
14.1.4 Dreamweaver CS3的代码编辑技巧 263
14.2 在Dreamweaver中创建CSS 266
14.2.1 创建样式表 266
14.2.2 创建外部样式表 267
14.2.3 创建内部样式表 269
14.2.4 创建行内样式表 270
14.3 在Dreamweaver中详细设置CSS规则 271
14.3.1 设置字体类型 272
14.3.2 设置背景 272
14.3.3 设置块元素样式 273
14.3.4 设置盒模型标签样式 274
14.3.5 设置边框样式 274
14.3.6 设置列表样式 275
14.3.7 设置标签定位 276
14.3.8 设置扩展效果 276
14.3.9 完成CSS设置 277
14.3.10 应用CSS样式规则 279
14.3.11 使用CSS样式范例 280
14.4 小结 281
第15章 页面CSS技巧运用实例 282
15.1 修改滚动条显示效果 282
15.1.1 滚动条的结构 282
15.1.2 通过样式表来修改滚动条的外观 283
15.2 利用Clip属性进行剪裁 284
15.2.1 Clip属性 284
15.2.2 利用Clip属性裁剪图片 284
15.2.3 利用Clip属性创建多彩文字 285
15.2.4 Clip属性值的进一步思考 287
15.2.5 Dreamweaver设置Clip属性的小问题 287
15.3 改变列表的样式 287
15.3.1 列表标签介绍 287
15.3.2 修改列表项的项目符号 289
15.3.3 列表项添加分隔符 292
15.4 实验：利用列表标签创建导航菜单 293
15.4.1 面包屑路径 293
15.4.2 将列表标签转化为行内元素 293
15.4.3 目标导航条的外观 294
15.4.4 目标导航条的要求 295
15.4.5 代码实现I：加入链接与边框 295
15.4.6 代码实现II：增加鼠标划过效果 297
15.5 小结 298
第16章 CSS与JavaScript 299
16.1 JavaScript简介 299
16.1.1 JavaScript的分类 299
16.1.2 一个简单的包含JavaScript的网页 300
16.1.3 JavaScript的作用概述 301
16.2 JavaScript范例 302
16.2.1 利用JavaScript控制浏览器 302
16.2.2 利用JavaScript实现事件处理 303
16.2.3 JavaScript控制浏览器与网页行为 305
16.2.4 利用JavaScript获得系统信息 307
16.2.5 JavaScript通过Cookie记录用户状态 309
16.3 利用JavaScript动态改变页面样式 313
16.3.1 JavaScript间接修改样式 313
16.3.2 JavaScript直接修改样式 315
16.3.3 JavaScript动态修改样式小结 316
16.4 使用JavaScript需要注意的一些问题 317
16.4.1 开启浏览器的JavaScript功能 317
16.4.2 JavaScript在网页中的位置 318
16.4.3 在Dreamweaver中编辑JavaScript 318
16.4.4 深入学习JavaScript的建议 320
16.5 小结 321
第17章 项目学习：SmoothGallery相册剖析 322
17.1 SmoothGallery简介 322
17.1.1 SmoothGallery简介 322
17.1.2 SmoothGallery下载与安装 323
17.1.3 SmoothGallery效果演示 323
17.2 剖析SG2.0的CSS样式 326
17.2.1 演示页面的结构 326
17.2.2 控制页面总体外观—layout.css 328
17.2.3 控制相片的外观—jd.gallery.css 331
17.2.4 SG2.0样式表剖析小结 337
17.3 小结 338
第18章 未来的CSS 339
18.1 现有CSS的不足 339
18.2 CSS3介绍 341
18.2.1 CSS3预览—渐变效果边框 342
18.2.2 CSS3预览—圆角效果 343
18.2.3 CSS3预览—多重背景 344
18.2.4 CSS3预览—文本溢出处理 345
18.2.5 CSS3预览—改变标签大小 348
18.2.6 浏览器与ACID测试 349
18.2.7 发展中的CSS3 352
18.3 小结 352
附录A HTML 4.0 快速参考 353
附录B 字符实体表 368
附录C HTML颜色表 375
附录D CSS快速参考 377
附录E DOM快速参考 380
