第2版前言

HTML5与CSS3已经成为Web前端开发的主流技术。

2012年12月，HTML5规范定稿，Google、Mozilla、Opera、Microsoft等公司的新版本浏览器都纷纷开始支持HTML5标准规范。W3C称：“HTML5是开放的Web网络平台的奠基石。”这一年是HTML5发展的关键一年。2014年10月，W3C发布HTML5的正式推荐标准（W3C Recommendation），HTML5不仅在PC端，在移动端上也有广泛的应用。到2015年，HTML5已在跨平台、游戏和移动开发等领域全面应用。2017年，HTML5的亮点主要体现在响应式Web设计和移动App开发方面，为移动互联网行业发展助力。

Web技术的应用与发展目标之一是追求良好的用户体验和丰富的交互。与HTML5一样，CSS3则是实现良好体验和丰富交互的主流技术。

CSS3划分为盒模型、列表、超链接、背景和边框、文字特效、媒体查询等模块，有利于规范地开发。W3C的CSS3基本用户接口模块（CSS UI）的标准工作草案，逐渐成为各浏览器支持的标准。CSS3的各模块仍在不断更新，浏览器对CSS3特性的支持也在变化与更新，CSS3作为页面表现的开发标准已是众望所归。

本书第1版于2016年11月出版，1年内重印3次，表明了读者对本书的认可。这是对编者的鼓励，也给编者增加了压力。技术在进步，一年时间，浏览器版本有的已升级，有些知识的表现已经与一年前有了变化；Web前端开发涉及诸多在线资源，有些资源已经发生改变或有了不同的表现形式；第1版在写作和校对方面存在疏忽，内容上还有瑕疵；诸多因素促成编者完成本书第2版。与第1版比较，改进如下。

（1）本书主要使用WebStorm或IntelliJ IDEA开发环境，使用其内置服务器调试运行。少部分章节需要独立的服务器运行，使用了XAMPP的Apache服务器，全部代码运行无误。

（2）出于页面展示和功能可扩展性的考虑，第1版的部分示例代码有一定的冗余，这部分代码一定程度上影响了读者对书内容的理解。第2版删除了冗余代码，并且以迭代增加的方式逐层深入讲解综合示例，更有助于读者学习和理解。

（3）补充和完善了CSS3部分的内容和示例，增加了响应式布局和Bootstrap的内容，也增加了一个与HTML 5应用及CSS 3应用密切相关的Web应用示例。

本书示例测试环境主要使用Google Chrome 63，它对HTML5和CSS3的支持度超过95%。对于在IE11下少数不能运行的示例，给出了说明。

在HTML5与HTML、CSS3与CSS的内容取舍、案例选择等方面，在第1版基础上做了改进，主要强调以下特色。

（1）知识结构较新

本书保留了HTML和CSS中最基本的内容，删除了HTML5不支持或较少使用的内容。重点介绍HTML5和CSS3中最常用的API或模块，或是HTML5与CSS3在网站开发中经常使用、功能上有较大改进的内容。

（2）开发环境与运行环境较新

目前主流浏览器的新版本普遍支持HTML5与CSS3。同时，支持HTML5和CSS3的开发环境也更加成熟，WebStorm、IntelliJ IDEA、NetBean等平台更好地支持了HTML5和CSS3的一些新特性。

（3）案例丰富

本书知识点融于200余个案例之中，对一些典型案例进行讲解和拓展，达到“知其然，用其长”的效果。如果一些案例已由HTML5与CSS3代码实现，就不再介绍传统的HTML和CSS的代码实现方法。

同时，本书案例参考了极客学院的HTML5与CSS3的网络课程，相关章节提供了极客学院的教学视频二维码，扫描即可观看。

（4）易学易用

本书提供案例的全部代码和素材资源，读者可以用尽可能少的时间掌握相关技术内容。

本书的示例都经过了编者的上机实践，运行结果无误。示例代码及各种资源文件可以到人邮教育社区（www.ryjiaoyu.com）上下载。

本书的写作定位和HTML5的定位是一致的，是“非革命性的发展”，尝试在传统的HTML和CSS的基础上，介绍HTML5及CSS3的应用，引导读者用较短时间掌握Web前端开发知识，并识得HTML5和CSS3全貌。

本书内容包括以下3部分。

第1部分为HTML5及其应用：包括第1章至第12章，主要介绍HTML和HTML5。其中，第1章是概述，第2章和第3章主要介绍HTML知识；第4章至第12章介绍HTML5对HTML的重大改进或新增的API。

第2部分为CSS3及其应用：包括第13章至第16章，主要介绍CSS和CSS3。内容包括各种选择器、用CSS设置元素样式，CSS3的盒模型、CSS3页面布局、CSS3的响应式布局等。

第3部分包括第17章和第18章的两个综合案例，构建了具有现代Web风格的网站。

本书由刘德山、章增安、林彬编著。潘畅、魏迪、张悦在本书的写作、案例设计方面做了大量的工作。由于编者水平有限，书中可能存在疏漏之处，敬请读者批评指正。

编者

2018年7月