HTML5与CSS3是网页制作技术的核心，也是每位网页制作者都需要掌握的基础知识。本书从初学者的角度出发，以形象的比喻、实用的案例、通俗易懂的语言详细介绍如何使用HTML5与CSS3进行网页设计与制作的相关知识和技巧。
全书共12章，第1～4章主要讲解HTML5与CSS3的基础知识，内容包括网页设计概述、初识HTML5、初识CSS3、CSS3中其他类型的选择器等；第5～8章主要讲解网页制作的一些重要技术，内容包括盒子模型、列表和超链接、表格和表单、DIV+CSS布局等；第9～11章主要讲解HTML5和CSS3的新特性，内容包括多媒体嵌入、过渡、变形、动画、绘图和数据存储；第12章为实战开发项目——制作企业网站页面，本章将结合前面所学知识，带领读者开发一个中型网站页面，进一步培养读者网页制作和开发的能力。
本书配套丰富的教学资源，包括教学PPT、教学大纲、源代码、课后习题及答案等。为帮助读者更好地学习本书中的内容，编者团队还提供了在线答疑服务，希望能够帮助到更多读者。
1.黑马程序员-Web前端开发系列丛书
2.本书配套丰富的教学资源，包括教学PPT、教学大纲、教案、源代码、教学视频、课后习题及答案。
3.新版教材做了升级、优化，更加符合最新的教学需求。
黑马程序员是传智教育旗下高端IT教育品牌，传智教育是国内首个实现A股IPO的教育企业。依托于传智雄厚的教育资源，秉承传智教育“为中华民族伟大复兴而讲课，为千万学生少走弯路而著书”的使命，致力于培养高精尖数字化人才，为国家建设现代化经济体系的战略目标培养科技人才。
黑马程序员课程涵盖了JavaEE、鸿蒙应用开发、HTML&JS+前端、Python大数据开发、人工智能、电商视觉设计、软件测试、新媒体、产品经理等热门精品学科。已在北京昌平、北京顺义、上海、广州、深圳、武汉、郑州、西安、长沙、济南、重庆、南京、杭州、石家庄、成都、合肥、太原16个城市设立17所分校。
第 1章 HTML5+CSS3网页设计
概述1
1.1 网页概述1
1.1.1 认识网页1
1.1.2 网页名词解释3
1.1.3 Web标准4
1.2 网页制作入门6
1.2.1 HTML6
1.2.2 CSS7
1.2.3 JavaScript8
1.2.4 网页的展示平台—浏览器9
1.3 网页代码编辑工具12
1.3.1 Visual Studio Code的安装和
设置12
1.3.2 Visual Studio Code的使用15
1.4 阶段案例—创建第 一个网页17
1.5 本章小结17
1.6 课后练习18
第 2章 初识HTML519
2.1 HTML5的优势19
2.2 HTML5的基本结构20
2.3 标签概述21
2.3.1 标签的分类22
2.3.2 标签间的关系23
2.3.3 标签的属性23
2.3.4 HTML5头部相关标签24
2.4 文本控制标签25
2.4.1 页面格式化标签25
2.4.2 文本格式化标签28
2.4.3 HTML实体29
2.5 图像标签30
2.5.1 常见图像格式30
2.5.2 插入图像31
2.6 阶段案例—制作新闻页面37
2.7 本章小结37
2.8 课后练习37
第3章 初识CSS338
3.1 结构与表现分离38
3.2 CSS3的优势39
3.3 CSS核心基础40
3.3.1 CSS样式规则40
3.3.2 引入CSS样式41
3.3.3 CSS基础选择器45
3.4 设置文本样式47
3.4.1 字体样式属性47
3.4.2 文本外观属性51
3.5 CSS核心进阶60
3.5.1 CSS复合选择器60
3.5.2 CSS层叠性和继承性63
3.5.3 CSS优先级65
3.6 阶段案例—制作活动通知页面68
3.7 本章小结68
3.8 课后练习68
第4章 CSS3中其他类型的选择器69
4.1 属性选择器69
4.1.1 E[attribute^=value]选择器69
4.1.2 E[attribute$=value]选择器70
4.1.3 E[attribute*=value]选择器71
4.2 关系选择器72
4.2.1 子代关系选择器72
4.2.2 兄弟关系选择器73
4.3 结构化伪类选择器75
4.3.1 :root选择器75
4.3.2 :not选择器76
4.3.3 :only-child选择器77
4.3.4 :first-child选择器和:last-child
选择器78
4.3.5 :nth-child(n)选择器和:nth-
last-child(n)选择器79
4.3.6 :first-of-type选择器和
:last-of-type选择器80
4.3.7 :nth-of-type(n)选择器和:nth-
last-of-type(n)选择器81
4.3.8 :empty选择器83
4.4 伪元素选择器84
4.4.1 ::before选择器84
4.4.2 ::after选择器85
4.5 阶段案例—制作列车时刻表87
4.6 本章小结87
4.7 课后练习87
第5章 盒子模型88
5.1 认识盒子模型88
5.2 盒子模型的相关属性90
5.2.1 边框属性90
5.2.2 内边距属性96
5.2.3 外边距属性98
5.2.4 背景属性99
5.2.5 宽度属性与高度属性104
5.3 CSS3新增盒子模型属性105
5.3.1 透明度105
5.3.2 圆角边框106
5.3.3 图像边框109
5.3.4 阴影111
5.3.5 渐变113
5.3.6 多背景图像118
5.3.7 调整背景图像的属性119
5.4 元素的类型和转换120
5.4.1 元素的类型120
5.4.2 标签和标签121
5.4.3 元素类型的转换124
5.5 块元素垂直外边距的合并126
5.5.1 相邻块元素垂直外边距的合并126
5.5.2 嵌套块元素垂直外边距的合并127
5.6 阶段案例—制作音乐排行榜128
5.7 本章小结129
5.8 课后练习129
第6章 列表和超链接130
6.1 列表标签130
6.1.1 无序列表130
6.1.2 有序列表131
6.1.3 定义列表133
6.1.4 列表的嵌套134
6.2 CSS列表样式属性135
6.2.1 list-style-type属性135
6.2.2 list-style-image属性137
6.2.3 list-style-position属性137
6.2.4 list-style属性139
6.3 超链接标签140
6.3.1 创建超链接141
6.3.2 锚点链接142
6.4 用链接伪类控制超链接144
6.5 阶段案例—制作新闻列表146
6.6 本章小结146
6.7 课后练习146
第7章 表格和表单147
7.1 表格147
7.1.1 创建表格147
7.1.2 表格标签的属性149
7.1.3 用CSS控制表格样式152
7.2 表单157
7.2.1 表单的构成157
7.2.2 创建表单158
7.3 表单控件159
7.3.1 标签159
7.3.2
新书资讯
