正版新书]零基础入门学习Web开发(HTML5&CSS3)小甲鱼97871155809

第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

本书的系列视频教程所有渠道播放量超100万，得到广大学习者一致好评

有趣、有料、实用的案例，真正零基础，自学也轻松

基于新的W3C标准进行内容设计，并配有在线的案例展示，Web开发更容易

精解HTML5和CSS3 中 233个语法知识点和多种网页的设计技巧，开发更高效

配套了86集免费视频，边看边学更便捷；

提供全书的源程序，且在Mac、Linux、Windows系统上均能运行，所见即所得

赠送思维导图，掌握Web开发关键步骤，学习不迷路

和100万网友共同学习，不懂就问，近距离接触行业大佬