零基础入门学习Web开发（HTML5 & CSS3）
目 录
第 1章 概述 1
1.1 Web开发是什么 1
1.2 学习Web开发有前途吗 1
1.3 Web的发展史 3
第 2章 网页基础 4
2.1 第 一个程序 4
2.2 img元素和a元素 6
2.3 “多才多艺”的meta元素 7
2.3.1 声明文档编码 7
2.3.2 实现网页自适应 9
2.3.3 搜索引擎优化 10
2.3.4 网页自动跳转 11
2.4 为网页添加样式 11
2.5 link元素 14
2.5.1 链接外部样式表 14
2.5.2 链接网站图标 16
2.6 路径和相对路径 16
2.7 base元素 17
2.8 JavaScript初体验 18
2.8.1 定义文档内嵌脚本 18
2.8.2 引用外部脚本 18
2.8.3 延迟执行脚本 19
2.8.4 异步执行脚本 21
2.8.5 noscript元素 21
第3章 标记文字的元素 22
3.1 注释 22
3.1.1 HTML的注释 22
3.1.2 CSS的注释 23
3.1.3 JavaScript的注释 24
3.2 块级元素和行内元素 25
3.3 pre元素 26
3.3.1 预格式化 27
3.3.2 字符实体 28
3.4 code元素 29
3.5 var、kbd、samp元素 30
3.6 q元素 30
3.7 blockquote元素 31
3.8 cite元素 33
3.9 abbr元素 33
3.10 dfn元素 34
3.11 address元素 34
3.12 ruby元素 35
3.13 bdo元素 35
3.14 strong元素和b元素 36
3.15 em元素和i元素 36
3.16 使用CSS代替b元素和i元素 37
3.17 del元素和ins元素 38
3.18 s元素 38
3.19 mark元素 39
3.20 sup元素和sub元素 39
3.21 small元素 39
第4章 列表 41
4.1 ul元素 41
4.2 ol元素 41
4.3 两个与列表相关的CSS属性 43
4.4 列表嵌套 45
4.5 定义列表 46
第5章 表格 48
5.1 实现表格 48
5.2 给表格添加边框 49
5.3 给表格添加标题 50
5.4 分割表格 52
第6章 表单 57
6.1 form元素 57
6.2 button元素 58
6.3 一些常用的功能 59
6.3.1 自动填充 59
6.3.2 指定目标显示位置 61
6.3.3 设置默认值 61
6.3.4 自动聚焦 61
6.3.5 禁用元素 61
6.4 label元素 62
6.5 fieldset元素 63
6.6 legend元素 64
6.7 select元素和option元素 64
6.8 optgroup元素 65
第7章 “”的input元素 67
7.1 按钮 67
7.2 单选框 68
7.3 复选框 68
7.4 时间和日期 69
7.5 搜索框 70
7.6 颜色选择框 70
7.7 图像按钮 71
7.8 隐藏input元素 72
7.9 上传文件 73
7.10 限定数字输入 75
7.11 限定数值范围 76
7.12 数值滚动条 76
7.13 邮箱、电话号码和网址 77
7.14 placeholder属性 78
7.15 required属性 78
7.16 size属性 79
7.17 maxlength属性 79
7.18 list属性和datalist元素 80
第8章 其他表单元素 81
8.1 输出计算结果 81
8.2 接收多行文本输入 81
第9章 div和语义化布局 84
9.1 div元素 84
9.2 语义化布局 88
第 10章 嵌入 92
10.1 嵌入图片 92
10.1.1 map和area元素 92
10.1.2 picture和source元素 93
10.1.3 figure和figcaption元素 94
10.2 嵌入视频 94
10.2.1 video元素 94
10.2.2 播放控件和自动播放 95
10.2.3 视频预加载 96
10.2.4 视频封面 96
10.2.5 多个视频文件 97
10.3 嵌入音频 97
10.4 嵌入字幕 97
10.5 嵌入网页 98
10.6 meter元素和progress元素 100
第 11章 CSS语法 102
11.1 什么是CSS 102
11.2 CSS基础语法 103
11.2.1 内联样式 103
11.2.2 内部样式表 104
11.2.3 外部样式表 104
第 12章 基本选择器与复合选择器 106
12.1 基本选择器 106
12.1.1 通用选择器 107
12.1.2 元素选择器 107
12.1.3 类选择器 109
12.1.4 id选择器 110
12.2 复合选择器 110
12.2.1 交集选择器 111
12.2.2 并集选择器 111
12.2.3 后代选择器 112
12.2.4 子元素选择器 113
12.2.5 相邻兄弟选择器 113
12.2.6 通用兄弟选择器 114
第 13章 伪元素选择器 115
13.1 ::first-line选择器 115
13.2 ::first-letter选择器 116
13.3 ::before选择器和::after选择器 117
13.4 ::selection选择器 118
第 14章 动态伪类选择器和UI伪类选择器 119
14.1 动态伪类选择器 119
14.2 UI伪类选择器 122
第 15章 结构伪类选择器和其他伪类选择器 128
15.1 结构伪类选择器 128
15.2 其他伪类选择器 134
15.3 如何区分伪类选择器和伪元素选择器 136
第 16章 属性选择器 139
16.1 使用属性选择器精确匹配 139
16.2 使用属性选择器模糊匹配 142
第 17章 颜色和背景 144
17.1 颜色 144
17.1.1 前景色 144
17.1.2 RGB 145
17.1.3 HEX和HSL 145
17.1.4 RGBA和HSLA 146
17.2 背景 146
17.2.1 背景色 146
17.2.2 背景图像 147
17.2.3 重复背景图像 148
17.2.4 背景图像的位置 149
17.2.5 背景图像的尺寸 150
17.2.6 背景图像的附着方式 151
17.2.7 背景图像的起始位置和显示区域 151
17.2.8 background属性的简写形式 153
第 18章 盒子模型 154
18.1 边框 154
18.1.1 边框样式 154
18.1.2 边框宽度 155
18.1.3 边框颜色 156
18.1.4 border属性的简写形式 156
18.1.5 为边框设置样式、宽度、颜色 157
18.1.6 圆角边框 158
18.1.7 图像边框 160
18.2 内边距 162
18.3 外边距 163
18.4 水平居中 164
18.5 外边距塌陷 165
18.6 设置元素的尺寸 167
18.7 设置元素的小尺寸和尺寸 168
18.8 处理溢出问题 169
18.9 轮廓 171
18.10 阴影 174
第 19章 经典网页布局（上） 176
19.1 设置元素的显示类型 176
19.1.1 块级元素 177
19.1.2 行内元素 178
19.1.3 行内块元素 180
19.1.4 隐藏元素 181
19.1.5 控制元素的可见性 182
19.2 浮动 184
19.3 利用float实现多列布局 187
19.4 清除浮动 190
19.5 定位 192
19.6 z-index属性 195
19.7 利用position实现多列布局 196
19.8 BFC 197
19.8.1 BFC的对齐方式 197
19.8.2 创建一个新的BFC 198
19.8.3 外边距塌陷 199
19.8.4 容纳浮动元素 201
19.8.5 阻止文本环绕 204
19.9 多列布局 204
第 20章 经典网页布局（下） 211
20.1 居中 211
20.2 单列布局 215
20.3 两列布局 217
20.4 三列布局 219
20.4.1 浮动法 219
20.4.2 定位法 220
20.4.3 负外边距法 220
20.5 双飞翼布局 223
20.6 杯状布局 224
20.7 瀑布流布局 225
第 21章 弹性盒布局 229
21.1 弹性容器和弹性元素 229
21.2 主轴和垂轴 235
21.3 主轴上的对齐方式 239
21.4 垂轴上的对齐方式 240
21.5 多行弹性元素的对齐方式 243
21.6 order属性 244
21.7 弹性盒布局“弹”的到底是什么呢 245
21.8 设置弹性元素的压缩比例 247
21.9 设置弹性元素的放大比例 249
21.10 设置弹性元素的初始尺寸 250
21.11 弹性元素的特征 251
第 22章 栅格布局 253
22.1 创建栅格容器 255
22.2 定义栅格轨道 256
22.3 定义栅格区域 257
22.4 定义栅格间距 260
22.5 一些关键字和函数 261
22.5.1 fr 261
22.5.2 auto 261
22.5.3 min-content和max-content 262
22.5.4 repeat() 262
22.5.5 auto-fill 262
22.5.6 minmax() 262
22.5.7 auto-fit 263
22.5.8 fit-content() 263
22.6 栅格布局的对齐方式 264
22.6.1 justify-content属性 265
22.6.2 align-content属性 265
22.6.3 justify-items属性 266
22.6.4 align-items属性 267
22.6.5 justify-self和align-self属性 267
22.6.6 place-content、place-items和place-self属性 268
22.7 栅格线 269
22.7.1 命名栅格线 269
22.7.2 grid-column-start、grid-column-end和grid-row-start、grid-row-end
属性 270
22.7.3 grid-column和grid-row属性 272
22.7.4 grid-area属性 272
22.7.5 修改重叠的顺序 273
22.8 定义栅格元素的放置规则 274
22.8.1 grid-auto-flow属性 274
22.8.2 grid-auto-columns和grid-auto-rows属性 276
22.9 grid属性 277
22.10 栅格元素的特性 278
第 23章 文本样式和字体 280
23.1 设置文本对齐 280
23.2 保留空白字符 281
23.3 设置文本的方向 282
23.4 设置缩进 283
23.5 设置间距 284
23.6 纵向对齐文本 285
23.7 创建文本阴影 286
23.8 控制断词 287
23.9 控制文本溢出 288
23.10 装饰文本 289
23.11 转换大小写 290
23.12 设置字体 291
23.12.1 font-family属性 291
23.12.2 font-size属性 293
23.12.3 font-weight、font-style和font-variant属性 293
23.13 使用Web字体 295
第 24章 过渡、变形和动画 296
24.1 过渡 296
24.2 变形 300
24.2.1 旋转 300
24.2.2 移动 301
24.2.3 缩放 302
24.2.4 倾斜 303
24.2.5 变形原点 304
24.2.6 3D变形方式 305
24.2.7 修改视域 306
24.2.8 处理元素的背面 308
24.3 动画 309
24.3.1 关键帧 309
24.3.2 让元素动起来 311
24.3.3 指定动画开始前的延迟 311
24.3.4 指定动画循环的次数 312
24.3.5 指定动画的方向 312
24.3.6 指定动画的速度曲线 313
24.3.7 重复关键帧属性 314
24.3.8 指定动画的填充模式 315
24.3.9 简写 316
第 25章 滤镜、混合模式、裁剪和遮罩 317
25.1 滤镜 317
25.1.1 blue() 317
25.1.2 brightness() 318
25.1.3 contrast() 318
25.1.4 saturate() 319
25.1.5 grayscale() 319
25.1.6 sepia() 320
25.1.7 hue-rotate() 320
25.1.8 invert() 321
25.1.9 opacity() 321
25.1.10 drop-shadow() 322
25.1.11 应用多个滤镜 322
25.1.12 SVG滤镜 323
25.2 混合模式 324
25.2.1 变暗、正片叠底和颜色加深 324
25.2.2 变亮、滤色和颜色减淡 326
25.2.3 叠加、柔光和强光 327
25.2.4 差值和排除 328
25.2.5 色相、饱和度、颜色和明度 329
25.2.6 多张背景图像的混合 330
25.3 裁剪 331
25.4 蒙版 333
25.5 置换元素的填充与定位 334
第 26章 其他CSS特性 336
26.1 优先级 336
26.2 透明度 339
26.3 渐变 340
26.3.1 线性渐变 340
26.3.2 径向渐变 343
26.4 CSS变量 344
26.5 CSS计数器 345
26.6 媒体查询 347
第 1章 概述 1
1.1 Web开发是什么 1
1.2 学习Web开发有前途吗 1
1.3 Web的发展史 3
第 2章 网页基础 4
2.1 第 一个程序 4
2.2 img元素和a元素 6
2.3 “多才多艺”的meta元素 7
2.3.1 声明文档编码 7
2.3.2 实现网页自适应 9
2.3.3 搜索引擎优化 10
2.3.4 网页自动跳转 11
2.4 为网页添加样式 11
2.5 link元素 14
2.5.1 链接外部样式表 14
2.5.2 链接网站图标 16
2.6 路径和相对路径 16
2.7 base元素 17
2.8 JavaScript初体验 18
2.8.1 定义文档内嵌脚本 18
2.8.2 引用外部脚本 18
2.8.3 延迟执行脚本 19
2.8.4 异步执行脚本 21
2.8.5 noscript元素 21
第3章 标记文字的元素 22
3.1 注释 22
3.1.1 HTML的注释 22
3.1.2 CSS的注释 23
3.1.3 JavaScript的注释 24
3.2 块级元素和行内元素 25
3.3 pre元素 26
3.3.1 预格式化 27
3.3.2 字符实体 28
3.4 code元素 29
3.5 var、kbd、samp元素 30
3.6 q元素 30
3.7 blockquote元素 31
3.8 cite元素 33
3.9 abbr元素 33
3.10 dfn元素 34
3.11 address元素 34
3.12 ruby元素 35
3.13 bdo元素 35
3.14 strong元素和b元素 36
3.15 em元素和i元素 36
3.16 使用CSS代替b元素和i元素 37
3.17 del元素和ins元素 38
3.18 s元素 38
3.19 mark元素 39
3.20 sup元素和sub元素 39
3.21 small元素 39
第4章 列表 41
4.1 ul元素 41
4.2 ol元素 41
4.3 两个与列表相关的CSS属性 43
4.4 列表嵌套 45
4.5 定义列表 46
第5章 表格 48
5.1 实现表格 48
5.2 给表格添加边框 49
5.3 给表格添加标题 50
5.4 分割表格 52
第6章 表单 57
6.1 form元素 57
6.2 button元素 58
6.3 一些常用的功能 59
6.3.1 自动填充 59
6.3.2 指定目标显示位置 61
6.3.3 设置默认值 61
6.3.4 自动聚焦 61
6.3.5 禁用元素 61
6.4 label元素 62
6.5 fieldset元素 63
6.6 legend元素 64
6.7 select元素和option元素 64
6.8 optgroup元素 65
第7章 “”的input元素 67
7.1 按钮 67
7.2 单选框 68
7.3 复选框 68
7.4 时间和日期 69
7.5 搜索框 70
7.6 颜色选择框 70
7.7 图像按钮 71
7.8 隐藏input元素 72
7.9 上传文件 73
7.10 限定数字输入 75
7.11 限定数值范围 76
7.12 数值滚动条 76
7.13 邮箱、电话号码和网址 77
7.14 placeholder属性 78
7.15 required属性 78
7.16 size属性 79
7.17 maxlength属性 79
7.18 list属性和datalist元素 80
第8章 其他表单元素 81
8.1 输出计算结果 81
8.2 接收多行文本输入 81
第9章 div和语义化布局 84
9.1 div元素 84
9.2 语义化布局 88
第 10章 嵌入 92
10.1 嵌入图片 92
10.1.1 map和area元素 92
10.1.2 picture和source元素 93
10.1.3 figure和figcaption元素 94
10.2 嵌入视频 94
10.2.1 video元素 94
10.2.2 播放控件和自动播放 95
10.2.3 视频预加载 96
10.2.4 视频封面 96
10.2.5 多个视频文件 97
10.3 嵌入音频 97
10.4 嵌入字幕 97
10.5 嵌入网页 98
10.6 meter元素和progress元素 100
第 11章 CSS语法 102
11.1 什么是CSS 102
11.2 CSS基础语法 103
11.2.1 内联样式 103
11.2.2 内部样式表 104
11.2.3 外部样式表 104
第 12章 基本选择器与复合选择器 106
12.1 基本选择器 106
12.1.1 通用选择器 107
12.1.2 元素选择器 107
12.1.3 类选择器 109
12.1.4 id选择器 110
12.2 复合选择器 110
12.2.1 交集选择器 111
12.2.2 并集选择器 111
12.2.3 后代选择器 112
12.2.4 子元素选择器 113
12.2.5 相邻兄弟选择器 113
12.2.6 通用兄弟选择器 114
第 13章 伪元素选择器 115
13.1 ::first-line选择器 115
13.2 ::first-letter选择器 116
13.3 ::before选择器和::after选择器 117
13.4 ::selection选择器 118
第 14章 动态伪类选择器和UI伪类选择器 119
14.1 动态伪类选择器 119
14.2 UI伪类选择器 122
第 15章 结构伪类选择器和其他伪类选择器 128
15.1 结构伪类选择器 128
15.2 其他伪类选择器 134
15.3 如何区分伪类选择器和伪元素选择器 136
第 16章 属性选择器 139
16.1 使用属性选择器精确匹配 139
16.2 使用属性选择器模糊匹配 142
第 17章 颜色和背景 144
17.1 颜色 144
17.1.1 前景色 144
17.1.2 RGB 145
17.1.3 HEX和HSL 145
17.1.4 RGBA和HSLA 146
17.2 背景 146
17.2.1 背景色 146
17.2.2 背景图像 147
17.2.3 重复背景图像 148
17.2.4 背景图像的位置 149
17.2.5 背景图像的尺寸 150
17.2.6 背景图像的附着方式 151
17.2.7 背景图像的起始位置和显示区域 151
17.2.8 background属性的简写形式 153
第 18章 盒子模型 154
18.1 边框 154
18.1.1 边框样式 154
18.1.2 边框宽度 155
18.1.3 边框颜色 156
18.1.4 border属性的简写形式 156
18.1.5 为边框设置样式、宽度、颜色 157
18.1.6 圆角边框 158
18.1.7 图像边框 160
18.2 内边距 162
18.3 外边距 163
18.4 水平居中 164
18.5 外边距塌陷 165
18.6 设置元素的尺寸 167
18.7 设置元素的小尺寸和尺寸 168
18.8 处理溢出问题 169
18.9 轮廓 171
18.10 阴影 174
第 19章 经典网页布局（上） 176
19.1 设置元素的显示类型 176
19.1.1 块级元素 177
19.1.2 行内元素 178
19.1.3 行内块元素 180
19.1.4 隐藏元素 181
19.1.5 控制元素的可见性 182
19.2 浮动 184
19.3 利用float实现多列布局 187
19.4 清除浮动 190
19.5 定位 192
19.6 z-index属性 195
19.7 利用position实现多列布局 196
19.8 BFC 197
19.8.1 BFC的对齐方式 197
19.8.2 创建一个新的BFC 198
19.8.3 外边距塌陷 199
19.8.4 容纳浮动元素 201
19.8.5 阻止文本环绕 204
19.9 多列布局 204
第 20章 经典网页布局（下） 211
20.1 居中 211
20.2 单列布局 215
20.3 两列布局 217
20.4 三列布局 219
20.4.1 浮动法 219
20.4.2 定位法 220
20.4.3 负外边距法 220
20.5 双飞翼布局 223
20.6 杯状布局 224
20.7 瀑布流布局 225
第 21章 弹性盒布局 229
21.1 弹性容器和弹性元素 229
21.2 主轴和垂轴 235
21.3 主轴上的对齐方式 239
21.4 垂轴上的对齐方式 240
21.5 多行弹性元素的对齐方式 243
21.6 order属性 244
21.7 弹性盒布局“弹”的到底是什么呢 245
21.8 设置弹性元素的压缩比例 247
21.9 设置弹性元素的放大比例 249
21.10 设置弹性元素的初始尺寸 250
21.11 弹性元素的特征 251
第 22章 栅格布局 253
22.1 创建栅格容器 255
22.2 定义栅格轨道 256
22.3 定义栅格区域 257
22.4 定义栅格间距 260
22.5 一些关键字和函数 261
22.5.1 fr 261
22.5.2 auto 261
22.5.3 min-content和max-content 262
22.5.4 repeat() 262
22.5.5 auto-fill 262
22.5.6 minmax() 262
22.5.7 auto-fit 263
22.5.8 fit-content() 263
22.6 栅格布局的对齐方式 264
22.6.1 justify-content属性 265
22.6.2 align-content属性 265
22.6.3 justify-items属性 266
22.6.4 align-items属性 267
22.6.5 justify-self和align-self属性 267
22.6.6 place-content、place-items和place-self属性 268
22.7 栅格线 269
22.7.1 命名栅格线 269
22.7.2 grid-column-start、grid-column-end和grid-row-start、grid-row-end
属性 270
22.7.3 grid-column和grid-row属性 272
22.7.4 grid-area属性 272
22.7.5 修改重叠的顺序 273
22.8 定义栅格元素的放置规则 274
22.8.1 grid-auto-flow属性 274
22.8.2 grid-auto-columns和grid-auto-rows属性 276
22.9 grid属性 277
22.10 栅格元素的特性 278
第 23章 文本样式和字体 280
23.1 设置文本对齐 280
23.2 保留空白字符 281
23.3 设置文本的方向 282
23.4 设置缩进 283
23.5 设置间距 284
23.6 纵向对齐文本 285
23.7 创建文本阴影 286
23.8 控制断词 287
23.9 控制文本溢出 288
23.10 装饰文本 289
23.11 转换大小写 290
23.12 设置字体 291
23.12.1 font-family属性 291
23.12.2 font-size属性 293
23.12.3 font-weight、font-style和font-variant属性 293
23.13 使用Web字体 295
第 24章 过渡、变形和动画 296
24.1 过渡 296
24.2 变形 300
24.2.1 旋转 300
24.2.2 移动 301
24.2.3 缩放 302
24.2.4 倾斜 303
24.2.5 变形原点 304
24.2.6 3D变形方式 305
24.2.7 修改视域 306
24.2.8 处理元素的背面 308
24.3 动画 309
24.3.1 关键帧 309
24.3.2 让元素动起来 311
24.3.3 指定动画开始前的延迟 311
24.3.4 指定动画循环的次数 312
24.3.5 指定动画的方向 312
24.3.6 指定动画的速度曲线 313
24.3.7 重复关键帧属性 314
24.3.8 指定动画的填充模式 315
24.3.9 简写 316
第 25章 滤镜、混合模式、裁剪和遮罩 317
25.1 滤镜 317
25.1.1 blue() 317
25.1.2 brightness() 318
25.1.3 contrast() 318
25.1.4 saturate() 319
25.1.5 grayscale() 319
25.1.6 sepia() 320
25.1.7 hue-rotate() 320
25.1.8 invert() 321
25.1.9 opacity() 321
25.1.10 drop-shadow() 322
25.1.11 应用多个滤镜 322
25.1.12 SVG滤镜 323
25.2 混合模式 324
25.2.1 变暗、正片叠底和颜色加深 324
25.2.2 变亮、滤色和颜色减淡 326
25.2.3 叠加、柔光和强光 327
25.2.4 差值和排除 328
25.2.5 色相、饱和度、颜色和明度 329
25.2.6 多张背景图像的混合 330
25.3 裁剪 331
25.4 蒙版 333
25.5 置换元素的填充与定位 334
第 26章 其他CSS特性 336
26.1 优先级 336
26.2 透明度 339
26.3 渐变 340
26.3.1 线性渐变 340
26.3.2 径向渐变 343
26.4 CSS变量 344
26.5 CSS计数器 345
26.6 媒体查询 347
小甲鱼鱼C工作室创始人创办的鱼C论坛现注册用户110多万哔哩哔哩上编程科普博主（粉丝累计80多万）已出版编程类书籍《零基础入门学习Python》《零基础入门学习Scratch》《零基础入门学习C语言》
本书首先讲解Web开发的基础知识，以及HTML5的语法、标记方法、元素；然后讲解CSS中经典属性的用法，CSS3中的选择器、背景、边框、盒子模型、布局方式、动画、滤镜，以及针对多种浏览器应该怎样在代码中设置各种属性等。
本书适合想要学习Web开发和从事Web开发工作的读者阅读，也可作为高等院校相关专业师生的学习用书和培训学校的教材。
本书适合想要学习Web开发和从事Web开发工作的读者阅读，也可作为高等院校相关专业师生的学习用书和培训学校的教材。
比价列表价格走势
公众号、微信群
缺书网微信公众号
扫码进群实时获取购书优惠