前言

本书特色

从零开始，入门级讲解：本书从零开始讲解，为浏览器和工具提供了详细介绍与下载途径，保证零基础的读者能够顺利入门。

章前设立学习任务，让读者心中有数不迷茫：每一章都配有总体介绍与章前任务，让读者明确学习目标，方便读者检验学习成果，做到心中有数不迷茫。

知识点与案例精密结合：对于编程初学者来说，阅读代码和语法是件艰涩的事情。本书在讲解每一个知识点时都会配合案例进行说明，图文并茂，使读者在实际操作中加深对代码的理解。

核心内容反复讲解与练习：本书不是一本全面的工具手册，而是在有限的篇幅内讲解网页制作中最重要、使用频率最高的HTML元素和CSS样式，使读者集中精力学习核心知识点，并通过案例进行反复练习，力求在最短时间内提升读者的编程能力。

提供来自大公司的面试真题：本书准备了部分一线互联网公司的面试真题，供读者自我检测使用，为之后获取相关工作机会打下坚实的基础。

本书内容

第1章 从浏览器和编辑器开始，讲解制作网页的必备工具，给读者提供学习建议和网络资源。本章将带领读者完成一个完整的页面，无论读者之前有没有编程基础，都能在学习本章之后完成自己的第一个页面。

第2章 讲解HTML的语法和常用的HTML标签。经过本章的学习，读者可以学会在网页上显示图片、链接以及不同类型的文本。

第3章 讲解CSS的语法知识以及文本样式，包括改变文字的字体、字号、颜色，设置背景图片、背景颜色，控制图片的位置和显示方式，给不同状态的链接设置不同样式等。经过本章的学习，读者可以学会设置网页中的文本样式。

第4章 讲解盒模型的构造及每一部分的用法，讲解元素的类型及类型转换。盒模型是网页中最重要的概念之一，经过本章的学习，读者将初步学会控制元素的位置与显示方式。

第5章 讲解实现浮动布局和清除浮动的方法。经过本章的学习，读者能够将多个块元素置于同一行显示。

第6章 讲解4种不同的定位。定位是规定元素在网页上位置的重要手段，经过本章的学习，读者可以实现单独地、不受其他元素影响地改变某一元素的位置，还可以让元素相对视窗位置不变。

第7章 讲解表格与表单的写法。经过本章的学习，读者可以学会在网页上制作课程表和注册页面。

第8章 讲解HTML5的新元素和CSS3的新样式。经过本章的学习，读者可以学习视频、音频等多媒体元素，以及阴影、动画、过渡等新增样式。

第9章 通过制作一个完整的复杂页面，讲解网页制作过程中的难点和解决办法。

后续学习

本书专注于编程能力的提升，目的是让初学者在最短时间内掌握静态页面的核心知识，以达到能够编写完整页面的水平。因此，本书忽略了一些不常用的元素和属性。在学完本书之后，读者可以通过“w3school在线教程”网站继续学习。

联系作者

作者在编写过程中，通过阅读大量资料去核实本书所述内容的准确性，对每个案例反复修改，力求让读者得到最好的学习效果。由于时间有限，书中难免有疏漏和不妥之处，欢迎读者发送邮件至18811132138@163.com与我们联系，帮助我们改正提高。本书为读者创建了共同学习的QQ群，群号为544028317，欢迎各位读者加入。本书使用的案例素材可在QQ群中获取。

致谢

作者在编写过程中，得到了很多朋友和伙伴的帮助。感谢编辑在内容设计方面的建议，感谢设计师周燕华老师为本书提供精彩的案例设计，感谢赵莹玥、卜若琪同学在资料收集和代码整理过程中提供的帮助。

编者

2019年9月