前言







目前，伴随着移动互联网的市场占有率不断攀升，Web前端开发有了更大的发展机遇。HTML5和CSS3的发展和进步，不仅是社会变革的推动，更是无数前端开发者共同努力的结果。HTML5与CSS3相辅相成，两者之间互相成就，这两种技术的融合能够为前端开发者设计精美网页提供很大的助力，同时也在改善页面效果、提高用户交互体验方面发挥更为重要的作用。

本书是前端初学者的优质入门教材，内容通俗易懂、由浅入深、循序渐进。本书内容覆盖全面、讲解详细，以实用的案例来剖析晦涩的知识点，并通过精简核心内容，摒弃老旧的概念与语法，突出内容要点，更利于读者理解书中所讲的内容。全书共12章，从HTML5和CSS3基础知识入手，逐渐过渡到对HTML5和CSS3的深入学习。第1~3章主要介绍HTML5的入门知识，以及常用标签、HTML5表格与表单的用法； 第4~6章主要介绍CSS3的选择器、属性、盒子模型、浮动和定位的用法； 第7~9章主要介绍HTML5和CSS3新增标签和属性，以及CSS3高级动画的制作； 第10、11章主要介绍HTML5和CSS3的相关练习案例，以及网页开发的制作流程； 第12章主要介绍移动端的布局方式和响应式开发。此外，在本书每个章节中提供了难度适中且具有代表性的综合实例，不仅能够帮助读者补充强化对基本知识点的理解和应用，还能进一步提升“现学现用”的实战能力，为学习Web前端开发奠定坚实的基础。

本书特点

本书内容由浅入深、图文并茂，注重知识的综合应用，从HTML5和CSS3的基础知识进行讲解，难度逐步进阶，使读者能够全面地了解并学习HTML5和CSS3技术，从而实现网页的设计和制作。

本书主要内容如下。

第1章： 介绍Web前端概述、相关行业信息、HTML5基础知识和VS Code编辑器的使用，并运行第一个HTML5网页。

第2章： 介绍HTML5语义化的含义，对HTML的常用标签进行讲解，如标题、段落、列表等。

第3章： 介绍HTM5表格与表单的基本用法。

第4章： 介绍CSS3样式的3种引入方式，以及CSS3选择器的用法。

第5章： 介绍CSS3的基本属性和样式的继承，以及控制显示或隐藏的相关属性。

第6章： 介绍CSS3盒子模型的结构和用法、CSS3浮动，以及清除浮动的4种方式和CSS3的3种定位方式。

第7章： 介绍HTML5的新标签和新属性，如结构标签、媒体标签、表单控件标签等。

第8章： 介绍CSS3新增的文本属性、背景属性和边框属性。

第9章： 介绍CSS3高级动画的制作，如transition过渡、animation动画、2D和3D变形方法的用法。

第10章： 介绍HTML5与CSS3的实战演练，如屏幕居中设计、分页居中展示、三角形图标、精美的“上传”按钮、添加省略号和合并表格边框。

第11章： 介绍网页制作的开发流程以及图书网页的静态页面实现。

第12章： 介绍移动端布局和响应式开发，如流式布局、Flex布局、Rem布局和媒体查询。

通过本书的系统学习，读者能够快速掌握HTML5和CSS3技术的应用，并提升对网页设计与制作的编程能力，为后续学习前端的进阶以及高级技术奠定基础。

致谢

本书的编写和整理工作由北京千锋互联科技有限公司高教产品部完成，其中主要的参与人员有翟宝峰、邓明亮、陈一鸣、龚雪亮、吕春林、柴永菲、李彩艳、韩文雅等。除此之外，千锋教育的500多名学员参与了本书的试读工作，他们站在初学者的角度对本书提出了许多宝贵的修改意见，在此一并表示衷心的感谢。

意见反馈

在本书的编写过程中，编者力求完美，但书中难免有不足之处，欢迎各界专家和读者朋友给予宝贵的意见，联系方式： textbook@1000phone.com。



编者
2023年5月于北京