第 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.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.9 多列布局 204
第 20章 经典网页布局（下） 211
20.1 居中 211
20.2 单列布局 215
20.3 两列布局 217
20.4 三列布局 219
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.6 栅格布局的对齐方式 264
22.7 栅格线 269
22.8 定义栅格元素的放置规则 274
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.13 使用Web字体 295
第 24章 过渡、变形和动画 296
24.1 过渡 296
24.2 变形 300
24.3 动画 309
第 25章 滤镜、混合模式、裁剪和遮罩 317
25.1 滤镜 317
25.2 混合模式 324
25.3 裁剪 331
25.4 蒙版 333
25.5 置换元素的填充与定位 334
第 26章 其他CSS特性 336
26.1 优先级 336
26.2 透明度 339
26.3 渐变 340
26.4 CSS变量 344
26.5 CSS计数器 345
26.6 媒体查询 347
鄂公网安备 42010302001612号 