HTML5與CSS3基礎(chǔ)教程（第9版）

版權(quán)聲明
獻(xiàn)詞
致謝
引言
第　1章 什么是HTML和CSS　1
1．1　什么是HTML　1
1．2　什么是CSS　3
1．3　HTML和CSS是如何一起工作的　4
1．4　小結(jié)　6
第　2章 在計(jì)算機(jī)上創(chuàng)建網(wǎng)站　7
2．1　使用文本編輯器　7
2．2　使用高級(jí)工具　8
2．3　網(wǎng)站目錄結(jié)構(gòu)與文件擴(kuò)展名　9
2．4　使用CodePen進(jìn)行快速測試　11
2．5　小結(jié)　11
第3章　HTML語法　12
3．1　HTML標(biāo)簽是怎樣工作的　12
3．2　添加注釋　14
3．3　創(chuàng)建HTML頁面的結(jié)構(gòu)　15
3．4　標(biāo)簽　16
3．5　什么是語義化標(biāo)記　17
3．6　小結(jié)　17
第4章　基本的HTML元素　18
4．1　HTML文本的格式化　18
4．2　段落與標(biāo)題　18
4．3　列表　19
4．4　引用塊級(jí)文本　20
4．5　行內(nèi)文本的格式化　21
4．6　對(duì)代碼進(jìn)行標(biāo)記　22
第5章　鏈接　25
5．1　鏈接標(biāo)記　25
5．2　URL的結(jié)構(gòu)　26
5．3　內(nèi)部鏈接與外部鏈接　27
5．4　相對(duì)鏈接和絕對(duì)鏈接　27
5．5　其他鏈接類型　29
5．6　鏈接目標(biāo)　30
5．7　小結(jié)　31
第6章　HTML結(jié)構(gòu)與布局　32
6．1　網(wǎng)頁布局　32
6．2　塊級(jí)元素與行內(nèi)元素　35
6．3　頁面區(qū)塊　36
6．4　建立博客文章的布局　38
6．5　小結(jié)　41
第7章　媒體　42
7．1　Web上的媒體是如何工作的　42
7．2　圖像　43
7．3　在網(wǎng)頁中添加圖像　45
7．4　響應(yīng)式圖像：考慮不同的設(shè)備和網(wǎng)絡(luò)環(huán)境　47
7．5　元素　49
7．6　使用SVG　49
7．7　其他媒體　52
7．8　嵌入視頻　53
7．9　嵌入音頻　54
7．10　存放多媒體文件　55
7．11　小結(jié)　57
第8章　表格與其他結(jié)構(gòu)化數(shù)據(jù)元素　58
8．1　表格　58
8．2　描述列表　62
8．3　為什么結(jié)構(gòu)化數(shù)據(jù)很重要　64
8．4　小結(jié)　66
第9章　Web表單　67
9．1　用戶與網(wǎng)頁的交互　67
9．2　Web表單的工作方式　68
9．3　HTML表單的組成部分　69
9．4　元素　69
9．5　表單字段　70
9．6　為字段添加標(biāo)簽　73
9．7　創(chuàng)建基礎(chǔ)表單　74
9．8　創(chuàng)建選擇框　74
9．9　創(chuàng)建單選按鈕　76
9．10　創(chuàng)建復(fù)選框　76
9．11　創(chuàng)建電子郵件表單　77
9．12　特殊字段類型　78
9．13　元素　80
9．14　對(duì)表單進(jìn)行校驗(yàn)　80
9．15　小結(jié)　82
第　10章 高級(jí)實(shí)驗(yàn)性功能　83
10．1　事關(guān)瀏覽器的支持情況　83
10．2　高級(jí)元素　86
10．3　實(shí)驗(yàn)性功能　88
10．4　小結(jié)　89
第　11章 CSS簡介　90
11．1　什么是樣式　90
11．2　層疊的含義　91
11．3　CSS語法　91
11．4　在網(wǎng)頁上使用CSS　93
11．5　外部樣式表　95
11．6　在CSS代碼中添加注釋　95
11．7　小結(jié)　96
第　12章 定位元素　97
12．1　通過標(biāo)簽定位元素　97
12．2　按類定位元素　99
12．3　層疊、繼承和父子關(guān)系　101
12．4　通過元素之間的關(guān)系選擇元素　102
12．5　層疊的特殊性和優(yōu)先級(jí)　104
12．6　用特定的屬性定位元素　105
12．7　高級(jí)定位方法　106
12．8　小結(jié)　108
第　13章 為文本設(shè)置樣式　109
13．1　選擇字體　109
13．2　Google字體　112
13．3　使用@font-face引入外部字體　114
13．4　設(shè)置文本大小　117
13．5　設(shè)置文字格式　118
13．6　提高可讀性　121
13．7　小結(jié)　123
第　14 章 CSS中的顏色　124
14．1　計(jì)算機(jī)顯示器的工作原理　124
14．2　在CSS中表示顏色　125
14．3　漸變色　129
14．4　border屬性　132
14．5　小結(jié)　133
第　15章 使用 CSS 進(jìn)行頁面布局　134
15．1　盒模型　134
15．2　內(nèi)邊距與外邊距　138
15．3　元素流　141
15．4　創(chuàng)建層和疊放元素　146
15．5　使用z-index創(chuàng)建彈窗　147
15．6　關(guān)于網(wǎng)頁布局的一些說明　148
15．7　小結(jié)　148
第　16章 CSS網(wǎng)格和Flexbox布局　149
16．1　一個(gè)重要問題的現(xiàn)代解決方案　149
16．2　使用Flexbox　153
16．3　使用CSS網(wǎng)格布局　160
16．4　瀏覽器支持情況　164
16．5　小結(jié)　165
第　17章 響應(yīng)式設(shè)計(jì)與媒體查詢　166
17．1　定義媒體查詢　166
17．2　響應(yīng)式布局　168
17．3　創(chuàng)建響應(yīng)式全寬布局　170
17．4　不只是屏幕寬度　174
17．5　小結(jié)　177
第　18章 CSS 變形與動(dòng)畫　178
18．1　CSS過渡　178
18．2　CSS變形　180
18．3　CSS動(dòng)畫　183
18．4　小結(jié)　187
第　19章 CSS變量　188
19．1　什么是變量　188
19．2　用變量簡化樣式　191
19．3　對(duì)變量進(jìn)行計(jì)算　192
19．4　小結(jié)　194
第　20章 CSS預(yù)處理器　195
20．1　CSS預(yù)處理器是如何工作的　195
20．2　Sass入門　196
20．3　編寫Sass　199
20．4　小結(jié)　205
第　21章 網(wǎng)站上線　206
21．1　選擇托管商和域名　206
21．2　上線前檢查　210
21．3　將網(wǎng)站上線　211
21．4　測試網(wǎng)站　213
21．5　小結(jié)　214
第　22 章 測試網(wǎng)站　215
22．1　為什么要測試網(wǎng)站　215
22．2　驗(yàn)證標(biāo)記　216
22．3　瀏覽器測試　217
22．4　設(shè)備測試　219
22．5　使用Chrome開發(fā)者工具進(jìn)行故障排查　221
22．6　小結(jié)　224
第　23章 提升網(wǎng)站性能　225
23．1　性能的含義　225
23．2　了解網(wǎng)站的性能　226
23．3　性能測試工具　226
23．4　壓縮 HTML和CSS文件　229
23．5　優(yōu)化圖像　231
23．6　優(yōu)先加載關(guān)鍵CSS　234
23．7　小結(jié)　237
第　24 章 Web無障礙性　238
24．1　涵蓋盡可能多的人　238
24．2　截至目前的效果　240
24．3　額外的標(biāo)簽和屬性　241
24．4　無障礙性測試和驗(yàn)證　242
24．5　確定WCAG等級(jí)　245
24．6　小結(jié)　246
第　25章 HTML和CSS之外　247
25．1　JavaScript　247
25．2　常見的JavaScript庫　248
25．3　版本控制　250
25．4　構(gòu)建工具　253
25．5　小結(jié)　255
總結(jié)　256