《HTML5+CSS3网站设计基础教程（第3版）》是针对零基础网页设计人员全新研发的入门教程。在网页制作中，HTML5与CSS3是网页制作技术的核心和基础，也是每个网页制作人员必须要掌握的基础知识。本书从初学者的角度，以实用的案例、通俗易懂的语言详细介绍了使用HTML5与CSS3进行网页制作的技巧。同时在书中添加了思政元素，内化为学生的精神追求、外化为学生的自觉行动。
全书共10章，第1~4章主要讲解了HTML5与CSS3的基础知识。包括Web基本概念、HTML与CSS语法、Visual Studio Code开发工具等。第5~9章分别讲解了盒子模型、网页布局、表格与表单、多媒体嵌入、过渡、变形和动画等，这些内容是网页制作的核心。第10章是一个综合项目，结合前面学习的基础知识，带领初学者开发一个电商网站的首页面。
本书附有配套视频、源代码、习题、教学PPT等，教学资源丰富 。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的优秀读物。
本书在编写的过程中，结合党的二十大精神进教材、进课堂、进头脑的要求，在给每个项目设计任务时优先考虑目前紧跟时代的技术话题，包括多媒体嵌入、过渡、变形、动画等，结合风云人物、感动中国人物、油纸伞电商页面等案例，让学生在学习新兴技术的同时了解网页技术新的应用，并提升学生的爱国热情，增强学生的民族自豪感和自信心;在章节描述上加入素质教育的相关描述，引导学生树立正确的世界观、人生观和价值观，进一步提升学生的职业素养，落实德才兼备的高素质卓越工程师和高技能人才的培养要求。此外。编者依据书中的内容提供了线上学习的资源，体现现代信息技术与教育教学的深度融合，进一步推动教育数字化发展。此外在第3版图书中，还做了以下调整。
1. 在书中增加了HTML5部分基础标签和CSS3新属性的讲解和应用。
2. 调整了部分知识点的顺序，更符合由浅入深、循序渐进的学习思路。
3. 在书中更换了部分案例，增强本书的实用性。
4. 在书中添加了思政元素，内化为学生的精神追求、外化为学生的自觉行动。
第1章 HTML5入门 1.1 网页相关知识 1.1.1 网页构成 1.1.2 网页相关名词 1.1.3 Web标准 1.1.4 浏览器 1.2 HTML5概述 1.2.1 HTML到HTML5的演变 1.2.2 HTML5的优势 1.2.3 浏览器对HTML5的兼容情况 1.3 HTML5基础 1.3.1 HTML5的基本结构 1.3.2 HTML5的语法变化 1.3.3 HTML5标签 1.3.4 HTML5标签的属性 1.3.5 HTML5文档头部相关标签 1.4 HTML5代码编辑工具 1.4.1 Visual Studio Code的安装、设置 1.4.2 Visual Studio Code的使用 1.5 阶段案例——第一个HTML5页面 1.5.1 案例分析 1.5.2 制作页面 本章小结 动手实践 第2章 HTML5标签和属性 2.1 文本控制标签 2.1.1 页面格式化标签 2.1.2 文本格式化标签 2.1.3 文本样式标签 2.1.4 特殊字符 2.2 图像标签 2.2.1 常用图像格式 2.2.2 定义图像 2.2.3 绝对路径和相对路径 2.3 列表标签 2.3.1 无序列表 2.3.2 有序列表 2.3.3 定义列表 2.3.4 列表的嵌套 2.4 超链接标签 2.4.1 创建超链接 2.4.2 锚点链接 2.5 结构标签 2.5.1 <header>标签 2.5.2 <nav>标签 2.5.3 <footer>标签 2.5.4 <article>标签 2.5.5 <section>标签 2.5.6 <aside>标签 2.5.7 <figure>标签和<figcaption>标签 2.5.8 <hgroup>标签 2.6 页面交互标签 2.6.1 <details>标签和<summary>标签 2.6.2 <progress>标签 2.6.3 <meter>标签 2.7 全局属性 2.7.1 draggable属性 2.7.2 hidden属性 2.7.3 contenteditable属性 2.8 阶段案例——影片介绍网页 2.1.1 分析效果图 2.1.2 制作页面 本章小结 动手实践 第3章 CSS3入门 3.1 CSS概述 3.1.1 认识CSS 3.1.2 CSS发展历史 3.2 CSS基础 3.2.1 CSS样式规则 3.2.2 引入CSS样式表 3.2.3 CSS基础选择器 3.3 字体样式属性 3.4 文本外观属性 3.5 列表样式属性 3.5.1 list-style-type属性 3.5.2 list-style-image属性 3.5.3 list-style-position属性 3.5.4 list-style属性 3.6 CSS层叠性和继承性 3.7 CSS优先级 3.8 阶段案例——宣传软文 3.1.1 分析效果图 3.1.2 制作页面结构 3.1.3 定义CSS样式 本章小结 动手实践 第4章 CSS3选择器 4.1 属性选择器 4.1.1 E[attribute]选择器 4.1.2 E[attribute=value]选择器 4.1.3 E[attribute~=value]选择器 4.1.4 E[attribute|=value]选择器 4.1.5 E[attribute^=value]选择器 4.1.6 E[attribute$=value]选择器 4.1.7 E[attribute*=value]选择器 4.2 关系选择器 4.2.1 子元素选择器 4.2.2 兄弟选择器 4.3 结构化伪类选择器 4.3.1 :root选择器 4.3.2 :not选择器 4.3.3 :only-child选择器 4.3.4 :first-child选择器和:last-child选择器 4.3.5 :nth-child(n)选择器和:nth-last-child(n)选择器 4.3.6 :first-of-type选择器和:last-of-type选择器 4.3.7 :nth-of-type(n)选择器和:nth-last-of-type(n)选择器 4.3.8 :empty选择器 4.3.9 :target选择器 4.4 状态化伪类选择器 4.5 伪元素选择器 4.5.1 :before选择器 4.5.2 :after选择器 4.6 阶段案例——制作风云人物列表 4.1.1 分析效果图 4.1.2 制作页面结构 4.1.3 定义CSS样式 本章小结 动手实践 第5章 盒子模型 5.1 认识盒子模型 5.2 <div>标签 5.3 边框属性 5.4 边距属性 5.4.1 内边距属性 5.4.2 外边距属性 5.5 宽度属性和高度属性 5.6 box-shadow属性 5.7 box-sizing属性 5.8 背景属性 5.8.1 设置背景颜色 5.8.2 设置背景图像 5.8.3 设置背景图像平铺 5.8.4 设置背景图像的位置 5.8.5 设置背景图像固定 5.8.6 设置背景颜色与背景图像的不透明度 5.8.7 设置背景图像的大小 5.8.8 设置背景的显示区域 5.8.9 设置背景的裁剪区域 5.8.10 设置多重背景图像 5.8.11 背景复合属性 5.9 CSS3渐变属性 5.9.1 线性渐变 5.9.2 径向渐变 5.9.3 重复渐变 5.10 阶段案例——感动中国人物榜 5.1.1 分析效果图 5.1.2 制作页面结构 5.1.3 定义CSS样式 本章小结 动手实践 第6章 网页布局 6.1 网页布局概述 6.2 元素的浮动 6.2.1 元素的浮动属性 6.2.2 清除浮动 6.3 overflow属性 6.4 元素的定位 6.4.1 元素的定位属性 6.4.2 静态定位 6.4.3 相对定位 6.4.4 绝对定位 6.4.5 固定定位 6.4.6 z-index层叠等级属性 6.5 元素的类型与转换 6.5.1 元素的类型 6.5.2 <span>标签 6.5.3 元素的转换 6.6 布局类型 6.6.1 单列布局 6.6.2 两列布局 6.6.3 三列布局 6.7 网页模块命名规范 6.8 阶段案例 6.8.1 分析效果图 6.8.2 制作页面结构 6.8.3 定义CSS样式 本章小结 动手实践 第7章 表格和表单 7.1 表格 7.1.1 创建表格 7.1.2 <table>标签的属性 7.1.3 <tr>标签的属性 7.1.4 <td>标签的属性 7.1.5 <th>标签及其属性 7.1.6 表格的结构 7.2 CSS控制表格样式 7.2.1 CSS控制表格边框 7.2.2 CSS控制单元格边距 7.2.3 CSS控制单元格的宽高 7.3 表单 7.3.1 表单的构成 7.3.2 创建表单 7.3.3 表单控件 7.4 HTML5表单新属性 7.4.1 新的input控件类型 7.4.2 新的form标签 7.4.3 新的input属性 7.4.4 新的form属性 7.5 CSS控制表单样式 7.6 阶段案例——信息登记表 7.6.1 分析效果图 7.1.1 制作页面结构 7.1.2 定义CSS样式 本章小结 动手实践 第8章 多媒体嵌入 8.1 视频音频嵌入技术概述 8.2 视频文件和音频文件的格式 8.3 嵌入视频和音频 8.3.1 在HTML5中嵌入视频 8.3.2 在HTML5中嵌入音频 8.3.3 视频音频文件的兼容性问题 8.3.4 调用网络音频视频文件 8.4 CSS控制视频的宽高 8.5 阶段案例—制作音乐播放界面 8.5.1 分析效果图 8.5.2 制作页面结构 8.5.3 定义CSS样式 本章小结 动手实践 第9章 过渡、变形和动画 9.1 过渡 9.1.1 transition-property属性 9.1.2 transition-duration属性 9.1.3 transition-timing-function属性 9.1.4 transition-delay属性 9.1.5 transition属性 9.2 变形 9.2.1 认识transform 9.2.2 2D变形 9.2.3 3D变形 9.3 动画 9.3.1 @keyframes 9.3.2 animation-name属性 9.3.3 animation-duration属性 9.3.4 animation-timing-function属性 9.3.5 animation-delay属性 9.3.6 animation-iteration-count属性 9.3.7 animation-direction属性 9.3.8 animation属性 9.4 阶段案例——制作表情图片 9.4.1 分析效果图 9.4.2 制作页面结构 9.4.3 定义CSS样式 本章小结 动手实践 第10章 实战开发—制作油纸伞网站首页 10.1 项目背景 10.2 准备工作 1. 建立网站根目录和文件夹 2. 效果图分析 3. 搭建基础结构 4. 定义公共样式 10.3 网站首页制作 1. 制作头部、导航和视频 2. 制作内容部分（款式） 3. 制作内容部分（工艺） 4. 制作内容部分（定制） 5. 制作表单信息及版权信息部分 本章小结 动手实践
