HTML5+CSS3网站设计基础教程（第2版）

图书标准信息

• 作者 黑马程序员
• 出版社 人民邮电出版社
• 出版时间 2019-11
• 版次 2
• ISBN 9787115526588
• 定价 59.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 312页
• 字数 0.5千字

【内容简介】

本书共10章，第1~2章主要讲解HTML5的基础知识。第3~4章主要讲解CSS3入门及CSS3选择器，包括CSS3发展历史、CSS3浏览器支持情况、文本样式属性、属性选择器、关系选择器、伪类选择器等。第5~7章分别讲解盒子模型、元素的浮动与定位、表单的应用。第8章主要讲解多媒体技术，包括HTML5多媒体的特性、多媒体的支持条件。第9章讲解CSS3的高级应用。第10章为实训项目。

【作者简介】

黑马程序员，传智播客旗下高端教育品牌，成立于2006年，它是由中国Java培训先驱张孝祥老师发起，联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业。

【目录】

第1章

初识HTML5 1

1.1 HTML5概述 1

1.1.1 HTML5的发展历程 1

1.1.2 HTML5的优势 2

1.1.3 HTML5浏览器支持情况 3

1.1.4 创建第一个HTML5页面 4

1.2 HTML5基础 6

1.2.1 HTML5文档的基本格式 6

1.2.2 HTML5语法 7

1.2.3 HTML5的标记 8

1.2.4 标记的属性 9

1.2.5 HTML5文档头部相关

标记 11

1.3 文本控制标记 14

1.3.1 标题和段落相关标记 14

1.3.2 文本格式化标记 18

1.3.3 特殊字符标记 19

1.4 图像标记 20

1.4.1 常用图像格式 20

1.4.2 图像标记 20

1.4.3 绝对路径和相对路径 24

1.5 超链接标记 25

1.5.1 创建超链接 25

1.5.2 锚点链接 26

1.6 阶段案例——制作HTML5百科

页面 28

1.6.1 分析效果图 28

1.6.2 制作页面 29

1.6.3 制作页面链接 32

本章小结 33

动手实践 33

第2章

HTML5的元素及属性 34

2.1 列表元素 34

2.1.1 ul元素 34

2.1.2 ol元素 35

2.1.3 dl元素 36

2.1.4 列表的嵌套应用 37

2.2 结构元素 38

2.2.1 header元素 38

2.2.2 nav元素 39

2.2.3 article元素 40

2.2.4 aside元素 41

2.2.5 section元素 42

2.2.6 footer元素 43

2.3 分组元素 44

2.3.1 figure元素和figcaption

元素 44

2.3.2 hgroup元素 45

2.4 页面交互元素 46

2.4.1 details元素和summary

元素 47

2.4.2 progress元素 47

2.4.3 meter元素 48

2.5 文本层次语义元素 49

2.5.1 time元素 49

2.5.2 mark元素 50

2.5.3 cite元素 51

2.6 全局属性 52

2.6.1 draggable属性 52

2.6.2 hidden属性 53

2.6.3 spellcheck属性 53

2.6.4 contenteditable属性 54

2.7 阶段案例——制作电影影评网 54

2.7.1 分析效果图 55

2.7.2 制作页面结构 56

本章小结 61

动手实践 61

第3章

CSS3入门 62

3.1 CSS简介 62

3.1.1 CSS概述 62

3.1.2 CSS的发展历史 63

3.1.3 CSS3浏览器支持情况 63

3.2 CSS核心基础 64

3.2.1 CSS样式规则 64

3.2.2 引入CSS样式表 65

3.2.3 CSS基础选择器 70

3.3 文本样式属性 75

3.3.1 字体样式属性 75

3.3.2 文本外观属性 79

3.4 CSS高级特性 88

3.4.1 CSS的层叠性和继承性 88

3.4.2 CSS的优先级 90

3.5 阶段案例——制作服装推广软文 93

3.5.1 分析效果图 93

3.5.2 制作页面结构 93

3.5.3 定义CSS样式 94

本章小结 95

动手实践 96

第4章

CSS3选择器 97

4.1 属性选择器 97

4.1.1 E[att^=value]属性选择器 97

4.1.2 E[att$=value]属性选择器 99

4.1.3 E[att*=value]属性选择器 100

4.2 关系选择器 101

4.2.1 子代选择器（>） 101

4.2.2 兄弟选择器（ 、~） 102

4.3 结构化伪类选择器 104

4.3.1 :root选择器 104

4.3.2 :not选择器 105

4.3.3 :only-child?选择器 106

4.3.4 :first-child和:last-child

选择器 107

4.3.5 :nth-child(n)和:nth-last-

child(n)选择器 108

4.3.6 :nth-of-type(n)和:nth-

last-of-type(n)选择器 109

4.3.7 :empty选择器 110

4.3.8 :target选择器 112

4.4 伪元素选择器 112

4.4.1 :before选择器 113

4.4.2 :after选择器 114

4.5 链接伪类 114

4.6 阶段案例——制作网页设计软件

列表 116

4.6.1 分析效果图 117

4.6.2 制作页面结构 117

4.6.3 定义CSS样式 119

本章小结 121

动手实践 121

第5章

CSS盒子模型 123

5.1 盒子模型概述 123

5.1.1 认识盒子模型 123

5.1.2

标记 125

5.1.3 盒子模型的宽与高 126

5.2 盒子模型相关属性 127

5.2.1 边框属性 127

5.2.2 边距属性 136

5.2.3 box-shadow属性 139

5.2.4 box-sizing 属性 140

5.3 背景属性 141

5.3.1 设置背景颜色 142

5.3.2 设置背景图像 142

5.3.3 背景与图像不透明度的

设置 143

5.3.4 设置背景图像平铺 144

5.3.5 设置背景图像的位置 145

5.3.6 设置背景图像固定 147

5.3.7 设置背景图像的大小 147

5.3.8 设置背景的显示区域 149

5.3.9 设置背景图像的裁剪区域 150

5.3.10 设置多重背景图像 151

5.3.11 背景复合属性 153

5.4 渐变属性 155

5.4.1 线性渐变 155

5.4.2 径向渐变 156

5.4.3 重复渐变 158

5.5 阶段案例——制作音乐

排行榜 160

5.5.1 分析效果图 160

5.5.2 制作页面结构 161

5.5.3 定义CSS样式 162

本章小结 163

动手实践 164

第6章

浮动与定位 165

6.1 元素的浮动 165

6.1.1 元素的浮动属性float 165

6.1.2 清除浮动 168

6.2 overflow属性 174

6.3 元素的定位 176

6.3.1 元素的定位属性 176

6.3.2 静态定位static 177

6.3.3 相对定位relative 177

6.3.4 绝对定位absolute 178

6.3.5 固定定位fixed 181

6.3.6 z-index层叠等级属性 181

6.4 元素的类型与转换 181

6.4.1 元素的类型 181

6.4.2 标记 184

6.4.3 元素的转换 185

6.5 阶段案例——制作网页

焦点图 187

6.5.1 分析效果图 187

6.5.2 制作页面结构 188

6.5.3 定义CSS样式 189

本章小结 191

动手实践 191

第7章

表单 193

7.1 认识表单 193

7.1.1 表单的构成 193

7.1.2 创建表单 194

7.2 表单的属性 195

7.3 input元素及属性 197

7.3.1 input元素的type属性 198

7.3.2 input元素的其他属性 204

7.4 其他表单元素 211

7.4.1 textarea元素 211

7.4.2 select元素 212

7.4.3 datalist元素 216

7.4.4 keygen元素? 216

7.4.5 output元素 217

7.5 CSS设置表单样式 218

7.6 阶段案例——制作信息登记表 220

7.6.1 分析效果图 221

7.6.2 制作页面结构 221

7.6.3 定义CSS样式 223

本章小结 226

动手实践 226

第8章

多媒体技术 227

8.1 HTML5多媒体的特性 227

8.2 多媒体的支持条件 227

8.2.1 视频和音频编解码器 228

8.2.2 多媒体的格式 228

8.2.3 支持HTML5视频和音频的

浏览器 229

8.3 嵌入视频和音频 230

8.3.1 在HTML5中嵌入视频 230

8.3.2 在HTML5中嵌入音频 232

8.3.3 音、视频中的source

元素 233

8.3.4 调用网页多媒体文件 234

8.4 设置视频的宽和高 235

8.5 HTML5音、视频的方法和

事件 237

8.6 HTML5音、视频的发展

趋势 238

8.7 阶段案例——制作音乐播放

界面 238

8.7.1 分析效果图 239

8.7.2 制作页面结构 239

8.7.3 定义CSS样式 240

本章小结 243

动手实践 243

第9章

CSS3高级应用 245

9.1 过渡 245

9.1.1 transition-property

属性 245

9.1.2 transition-duration

属性 247

9.1.3 transition-timing-function

属性 248

9.1.4 transition-delay属性 249

9.1.5 transition属性 250

9.2 变形 250

9.2.1 transform属性 250

9.2.2 2D变形 251

9.2.3 3D变形 257

9.3 动画 262

9.3.1 @keyframes属性 262

9.3.2 animation-name

属性 263

9.3.3 animation-duration

属性 263

9.3.4 animation-timing-function

属性 264

9.3.5 animation-delay属性 266

9.3.6 animation-iteration-count

属性 266

9.3.7 animation-direction

属性 266

9.3.8 animation属性 268

9.4 阶段案例——制作工作日天气

预报 268

9.4.1 分析效果图 269

9.4.2 制作页面结构 270

9.4.3 定义CSS样式 271

9.4.4 制作CSS3动画 274

本章小结 280

动手实践 280

第10章

实战开发——制作电商网站

首页 281

10.1 准备工作 282

10.2 首页详细制作 286

本章小结 311

动手实践 311