内 容 简 介
本书系统、全面地讲解了CSS基础理论和实际运用技术，通过大量实例，对CSS应用进行了深入浅出的分析。全书主要内容包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用和CSS如何控制XML文档样式，着重讲解如何利用CSS + DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时能够掌握CSS + DIV的精髓。同时，本书还详细讲解了其他书中较少涉及的技术细节，包括扩展CSS与JavaScript和XML等综合应用的内容，以帮助读者设计符合Web标准的网页，提升技术竞争力。
本书内容翔实、结构清晰、循序渐进，基础知识与案例实战紧密结合，既可作为CSS初学者的入门教材，也适合中高级用户进一步学习和参考。
前 言
随着Web技术的发展，网页标准化CSS + DIV的设计方式正逐渐取代传统的表格布局模式，学习CSS也成为设计人员的必修课。Web标准提出将网页的内容与表现分离，同时要求HTML文档具有良好的结构，因此需要抛弃传统的表格布局方式，采用DIV布局，并且使用CSS实现网页的外观设计。
本书系统地讲解了CSS层叠样式表的基础理论和实际应用技术，通过大量实例对CSS进行深入浅出的分析，着重讲解如何用CSS + DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时能够掌握CSS + DIV的精髓。本书的主要特征如下。
1. 讲述系统性的基础知识
本书系统地讲解了CSS层叠样式表在网页设计中各个方面的应用知识，从为什么要用CSS开始讲解，循序渐进，配合大量实例，帮助读者奠定坚实的理论基础。
2. 结合大量的应用案例
书中设置了任务实施，重点强调具体技术的灵活应用，并且全书结合了作者的网页设计制作经验，使读者能真正体会到“学以致用”。
3. 深入剖析CSS + DIV布局
本书用相当多的篇幅重点介绍了用CSS + DIV进行网页布局的方法和技巧，配合经典的布局案例，帮助读者掌握CSS最核心的应用技术。
4. 介绍高级的混合应用技术
真正的网页除了外观表现之外，还需要结构标准语言和行为标准语言的结合，因此书中还特别讲解了CSS与JavaScript、Ajax和XML的混合应用(这些都是Web 2.0网站中的主要技术)，使读者能够掌握高级的网页制作技术。
本书在讲述理论知识的基础上注重培养学生的实际操作能力，通过一系列实例分析、实践等环节的训练，提高学生的实际应用能力。本书在编排上注重理论与实践的结合，采用案例教学模式，突出了实践环节。
本书由河北联合大学的封超、赵爽老师编著，其中项目一至项目五由封超老师编写，项目六至项目九由赵爽老师编写。参与本书整理及校对工作的还有吴涛、阚连合、张航、李伟、刘博、王秀华、薛贵军、周振江等，在此一并表示感谢。
由于作者水平有限，书中不妥之处在所难免，敬请读者批评指正。
目 录
项目一 利用CSS设计页面排版 1
任务一：使用继承制作网页 6
知识储备 6
任务实践 17
任务二：设计百度Logo 19
知识储备 19
任务实践 29
任务三：排版新闻文稿 30
知识储备 30
任务实践 39
上机实训：制作百度搜索 42
实训背景 42
实训内容和要求 43
实训步骤 43
实训素材 46
习题 46
项目二 使用CSS设置图片和
控制背景图像 49
任务一：设计淘宝网页图片的布局 55
知识储备 55
任务实践 65
任务二：设计个人网站的主页 70
知识储备 70
任务实践 78
上机实训：制作古词
“念奴娇·赤壁怀古”网页 81
实训背景 81
实训内容和要求 82
实训步骤 82
实训素材 84
习题 85
项目三 使用CSS设计表格和表单 87
任务一：设计日历 93
知识储备 93
任务实践 101
任务二：设计娱乐新闻调查表 105
知识储备 105
任务实践 111
上机实训：制作新浪网民调查问卷 114
实训背景 114
实训内容和要求 114
实训步骤 114
实训素材 117
习题 117
项目四 使用CSS控制列表样式和
定义链接 119
任务一：设计百度导航条 125
知识储备 125
任务实践 134
任务二：设计美食图片欣赏网页 137
知识储备 137
任务实践 147
上机实训：制作网页的Tab菜单 150
实训背景 150
实训内容和要求 151
实训步骤 151
实训素材 157
习题 157
项目五 初识CSS + DIV排版布局 159
任务一：设计图片的签名 164
知识储备 164
任务实践 174
任务二：设计个人网页 176
知识储备 176
任务实践 186
上机实训：制作咖啡店网页 190
实训背景 190
实训内容和要求 191
实训步骤 191
实训素材 194
习题 195
项目六 剖析网页排版和CSS + DIV
布局 197
任务一：设计交河故城网页 205
知识储备 205
任务实践 210
任务二：设计禅意花园的两列
三列布局 214
知识储备 214
任务实践 228
上机实训：制作清明上河图网页 234
实训背景 234
实训内容和要求 235
实训步骤 235
实训素材 239
习题 239
项目七 使用CSS定位控制网页 241
任务一：设计浪漫式网页 246
知识储备 246
任务实践 253
任务二：设计展览式网页 257
知识储备 257
任务实践 273
上机实训：制作电子相册 276
实训背景 276
实训内容和要求 277
实训步骤 277
实训素材 284
习题 284
项目八 使用JavaScript控制CSS 287
任务：设计灯光效果 290
知识储备 290
任务实践 301
上机实训：制作跑马灯特效 302
实训背景 302
实训内容和要求 303
实训步骤 303
实训素材 304
习题 305
项目九 使用CSS设计XML文档
样式 307
任务：设计新闻网页 309
知识储备 309
任务实践 316
上机实训：制作诗情画意的图文网页 318
实训背景 318
实训内容和要求 319
实训步骤 319
实训素材 320
习题 321
参考答案 323
参考文献 325
