无论是网页的前端还是移动App的前端都离不开HTML+CSS+JavaScript，而学习这3门技术的基本要求就是多动手操作和多练习页面实例。本书通过实例的方式讲解前端基础，旨在帮助读者从一位网页开发初学者跃升为真正的前端开发人员。

本书分为30章，内容包括网页前端开发和移动端开发的一些必备知识，涵盖常用的表单、图片、按钮、链接、背景、动画、布局、3D、移动开发、触屏开发等技术，涉及HTML、HTML 5、CSS 2、CSS 3、JavaScript等现代前端开发常用的技术。

本书内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白，是广大网页开发初学者的必备选择。本书对想迅速了解跨平台网页代码处理技巧的前端开发人员有重要的指导意义。

前  言

读懂本书

当前跨平台、跨多端网页的困局是什么？

手机、平板电脑、PC等设备给网页开发带来了量的突变。Chrome、Safari、Firefox、微信浏览器等终端给网页开发新增了不少难度。

网页技术近年来有什么发展？

HTML 5、Node.JS、PWA等新生技术为网页开发带来了质的飞跃。同时，4G的普及和5G的发展为更多带宽提供了可能，我们可以使用一些新的炫彩3D动画技术。

为什么还要学习HTML+CSS+JavaScript？

Web App、移动网页、轻App、Native App、桌面App等各种展现形式，这一切都离不开HTML+CSS+JavaScript技术。

本书适合你吗？

本书立足于跨平台、跨终端的HTML+CSS+JavaScript开发技术，对移动开发、触屏技术、各种浏览器判断都给出了技术解决方案，是一本学习如何搭建跨平台页面的普及教程。如果你想学习如何开发和设计网页，想了解多平台、跨终端的网页技术，本书就非常适合你。

本书涉及的技术或框架

HTML HTML 5 CSS 2

CSS 3 JavaScript jQuery

jQuery Mobile Chrome浏览器调试 移动端触屏

本书特点

1．根据需要选择

本书分为3篇，共30章，HTML篇（第1~16章）包含表单、图片、媒体、页面特效、SVG、Canvas等内容；CSS篇（第17~22章）包含文字、图片、按钮、背景、动画、布局、装饰、3D等内容；JavaScript篇（第23~30章）包含表单、图片、页面特效、移动开发、触屏开发等内容。全书提供近500段代码，前后没有关联，让读者可以根据自己的技术弱点来选择性阅读。

2．全面支持HTML 5标准

本书每段代码都是在HTML 5标准下测试通过的，适应当前所有设备，并针对某些浏览器具体的差异性给出兼容解决方案。

3．解释清晰，原理结合实践

HTML+CSS+JavaScript虽然语法简单，但是很多读者可能不知效果从何做起，本书配备简单易懂的代码和解释，从效果的实现原理方面进行了剖析，使读者不仅能知其然，更能知其所以然。

4．真实世界的HTML+CSS+JavaScript代码

所有代码段不仅提供语法，还有实际场景的代入，符合现代Web应用，培养读者编码的兴趣，奠定编码的自信心。

源代码下载

本书配套示例源代码可扫描右侧的二维码获得。

如果下载有问题，请联系booksaga@163.com，邮件主题为“HTML 5

+CSS 3+JavaScript案例实战”。

本书读者

? 网页与移动网页开发人员

? JavaScript开发初学者

? 前端开发初学者

? 网页美工人员

? 中小型企业网站搭建开发者

? 大中专院校和各种IT培训学校的学生

? 网站后台开发人员（PHP、JSP、Java、ASP.NET开发人员）

? 网站建设与网页设计的相关威客兼职人员

作者与致谢

本书第1、2篇由平顶山学院的丁亚飞编写，第3篇由薛燚编写。

封面照片由蜂鸟网的摄影家ptwkzj先生友情提供，在此表示衷心感谢。

作  者

2020年1月

本书通过全程案例详解HTML 5+CSS 3+JavaScript技术，引导读者快速掌握Web前端开发技术。

丁亚飞，大连海事大学计算机科学与技术专业硕士。本人主要从事网站建设、软件工程，人工智能、物联网方面的研究，出版过多本网页开发与网站开发类专著。