HTML5+CSS3+JavaScript从入门到精通（微课精编版）（第2版）

《 HTML5+CSS3+JavaScript从入门到精通（微课精编版）（第2版）》系统地讲解了HTML5、CSS3和JavaScript的基础理论和实际运用技术，结合大量实例进行深入浅出的讲解。全书分为上下两册，共31章。上册为HTML5+CSS3篇，内容包括HTML5基础、设计HTML5文档结构、设计HTML5文本、设计HTML5图像和多媒体、设计列表和超链接、设计表格、设计表单、CSS3基础、字体和文本样式、背景样式、列表和超链接样式、表格和表单样式、CSS3盒模型、网页布局基础、CSS3弹性布局、设计动画样式、媒体查询与页面自适应；下册为JavaScript篇，内容包括JavaScript基础、设计程序结构、处理字符串、使用正则表达式、使用数组、使用函数、使用对象、JavaScript高级编程、客户端操作、文档操作、事件处理、CSS样式操作、使用Ajax、项目实战。其中，项目实战为纯线上资源，更加实用。书中所有知识点均结合具体实例展开讲解，代码注释详尽，可使读者轻松掌握前端技术精髓，提升实际开发能力。

前端科技：前端科技是一个由热爱前端开发的教师和一线Web开发人员组成的团队，长期从事Web前端项目开发和教学资源建设，擅长网页开发、Web全栈开发、HTML5移动端开发、网页重构、前端大数据处理、智能前端开发等，具有丰富的Web前端教育培训经验和一线开发经验，在IT领域的初学者群体中获得了一定的认可度。

前 言

Web开发技术可以粗略划分为前台浏览器端技术和后台服务器端技术。当前，Web前端技术层出不穷，日新月异，但有一点基本确定，那就是HTML5负责页面结构，CSS3负责样式表现，JavaScript负责网页动态行为。因此，HTML5、CSS3和JavaScript技术是网页制作技术的基础和核心。本书全面讲解HTML5、CSS3和JavaScript从入门到项目开发的基本知识，选择当前面试、就业急需的内容进行深入剖析，同时配备了前端开发必备的10大资源库，以帮助读者快速掌握Web前端开发的技术精髓。

本书内容

全书分为上下两册，共31章。

上册（HTML5+CSS3篇）：HTML5基础、设计HTML5文档结构、设计HTML5文本、设计HTML5图像和多媒体、设计列表和超链接、设计表格、设计表单、CSS3基础、字体和文本样式、背景样式、列表和超链接样式、表格和表单样式、CSS3盒模型、网页布局基础、CSS3弹性布局、设计动画样式、媒体查询与页面自适应。

下册（JavaScript篇）：JavaScript基础、设计程序结构、处理字符串、使用正则表达式、使用数组、使用函数、使用对象、JavaScript高级编程、客户端操作、文档操作、事件处理、CSS样式操作、使用Ajax、项目实战。

本书特色

30万+读者体验，畅销书全新 ；10年开发教学经验，一线讲师半生心血。

系统详解：本书系统地讲解了HTML5+CSS3+JavaScript技术在Web前端开发各个方面应用的知识，从最基础的HTML5开始讲起，配合大量实例，循序渐进地全面展开，可帮助读者奠定坚实的Web前端开发理论基础，做到知其然也知其所以然。

入门容易：本书遵循学习规律，入门和实战相结合。采用“基础知识+中小案例+实战案例”的编写模式，内容由浅入深、循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。

案例超多：通过例子学习是最好的学习方式，本书通过一个知识点、一个例子、一个结果、一段评析的模式，透彻详尽地讲述了使用HTML5+CSS3+JavaScript技术进行Web前端开发的各类知识，并且几乎每一章都配有综合应用的实战案例。实例、案例丰富详尽，跟着大量案例去学习，边学边做，从做中学，学习可以更深入、更高效。

体验超好：配套同步视频讲解，微信扫一扫，随时随地看视频；配套在线支持，知识拓展，专项练习，更多案例，在线预览网页设计效果，阅读或下载源代码，同样微信扫一扫即可学习。

技术新颖：本书全面、细致地讲解了Web前端开发的基础知识，同时讲解在未来Web时代中备受欢迎的各种新知识，让读者能够真正学习到最实用、最流行的Web新技术。

栏目贴心：本书根据需要在各章使用了很多“注意”“提示”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，并轻松地掌握个别技术的应用技巧。

资源丰富：本书配套Web前端学习人员（尤其是零基础学员）最需要的10大资源库，包括同步讲解视频库、示例源码库、开发参考工具库、案例库、网页素材库、网页配色库、JavaScript分类网页特效库、网页模板库、网页欣赏库、面试题库。这些资源，不仅学习中需要，工作中更有用。

在线支持：顺应移动互联网时代知识获取途径变化的潮流，本书每一章均配有在线支持，提供与本章知识相关的知识拓展、专项练习、更多案例等优质在线学习资源，并且新知识、新题目、新案例不断更新中。这样一来，在有限的纸质图书中承载了更丰富的学习内容，让读者真实体验到以一倍的价格购买两倍的学习内容，更便捷，更超值。

读前须知

本书从初学者的角度出发，结合大量的案例来讲解相关知识，使得学习不再枯燥、拘泥、教条，因此要求读者边学习边实践操作，避免学习的知识流于表面、限于理论。

作为入门书籍，本书知识点比较庞杂，所以不可能面面俱到。技术学习的关键是方法，本书在很多实例中体现了方法的重要性，读者只要掌握了各种技术的运用方法，在学习更深入的知识时便可大大提高自学的效率。

本书提供了大量示例，需要用到Edge、IE、Firefox、Chrome等主流浏览器进行测试和预览。为了方便示例测试，以及做浏览器兼容设计，读者需要安装上述类型的最新版本浏览器，各种浏览器在部分细节的表现上可能会稍有差异。

HTML5中部分API可能需要服务器端测试环境，本书部分章节所用的服务器端测试环境为Windows操作系统+Apache服务器 + PHP开发语言。如果读者的本地系统没有搭建PHP虚拟服务器，建议先搭建该虚拟环境。

限于篇幅，本书示例没有提供完整的HTML代码，测试示例时读者应该先补充完整HTML代码结构，然后进行测试，或者直接参考本书提供的示例源码库，根据章节编号找到对应的示例源文件，边参考边练习，边学习边思考，努力做到举一反三。

为了给读者提供更多的学习资源，本书在配套资源库中提供了很多参考链接，许多本书无法详细介绍的问题都可以通过这些链接找到答案。由于这些链接地址会因时间而有所变动或调整，所以在此说明，这些链接地址仅供参考，本书无法保证所有的这些地址是长期有效的。

本书适用对象

?Web前端开发的初学者。

?Web前端开发初级工程师。

?Web前端设计师和UI设计师。

?Web前端项目管理人员。

?开设Web前端开发等相关专业的院校的师生。

?开设Web前端开发课程的培训机构的讲师及学员。

?Web前端开发爱好者。

关于作者

本书由前端科技团队负责编写，并提供在线支持和技术服务，由于作者水平有限，书中难免存在疏漏和不足之处，欢迎读者朋友不吝赐教。读者如有好的建议、意见，或在学习本书时遇到疑难问题，可以通过电子邮件（[email protected]）的方式联系我们，我们会尽快为您解答。

编 者

2022年8月