零基础入门学习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.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