版權聲明
獻詞
致謝
引言
第 1章 什么是HTML和CSS 1
1.1 什么是HTML 1
1.2 什么是CSS 3
1.3 HTML和CSS是如何一起工作的 4
1.4 小結 6
第 2章 在計算機上創(chuàng)建網站 7
2.1 使用文本編輯器 7
2.2 使用高級工具 8
2.3 網站目錄結構與文件擴展名 9
2.4 使用CodePen進行快速測試 11
2.5 小結 11
第3章 HTML語法 12
3.1 HTML標簽是怎樣工作的 12
3.2 添加注釋 14
3.3 創(chuàng)建HTML頁面的結構 15
3.4 標簽 16
3.5 什么是語義化標記 17
3.6 小結 17
第4章 基本的HTML元素 18
4.1 HTML文本的格式化 18
4.2 段落與標題 18
4.3 列表 19
4.4 引用塊級文本 20
4.5 行內文本的格式化 21
4.6 對代碼進行標記 22
第5章 鏈接 25
5.1 鏈接標記 25
5.2 URL的結構 26
5.3 內部鏈接與外部鏈接 27
5.4 相對鏈接和絕對鏈接 27
5.5 其他鏈接類型 29
5.6 鏈接目標 30
5.7 小結 31
第6章 HTML結構與布局 32
6.1 網頁布局 32
6.2 塊級元素與行內元素 35
6.3 頁面區(qū)塊 36
6.4 建立博客文章的布局 38
6.5 小結 41
第7章 媒體 42
7.1 Web上的媒體是如何工作的 42
7.2 圖像 43
7.3 在網頁中添加圖像 45
7.4 響應式圖像:考慮不同的設備和網絡環(huán)境 47
7.5 元素 49
7.6 使用SVG 49
7.7 其他媒體 52
7.8 嵌入視頻 53
7.9 嵌入音頻 54
7.10 存放多媒體文件 55
7.11 小結 57
第8章 表格與其他結構化數據元素 58
8.1 表格 58
8.2 描述列表 62
8.3 為什么結構化數據很重要 64
8.4 小結 66
第9章 Web表單 67
9.1 用戶與網頁的交互 67
9.2 Web表單的工作方式 68
9.3 HTML表單的組成部分 69
9.4 元素 69
9.5 表單字段 70
9.6 為字段添加標簽 73
9.7 創(chuàng)建基礎表單 74
9.8 創(chuàng)建選擇框 74
9.9 創(chuàng)建單選按鈕 76
9.10 創(chuàng)建復選框 76
9.11 創(chuàng)建電子郵件表單 77
9.12 特殊字段類型 78
9.13 元素 80
9.14 對表單進行校驗 80
9.15 小結 82
第 10章 高級實驗性功能 83
10.1 事關瀏覽器的支持情況 83
10.2 高級元素 86
10.3 實驗性功能 88
10.4 小結 89
第 11章 CSS簡介 90
11.1 什么是樣式 90
11.2 層疊的含義 91
11.3 CSS語法 91
11.4 在網頁上使用CSS 93
11.5 外部樣式表 95
11.6 在CSS代碼中添加注釋 95
11.7 小結 96
第 12章 定位元素 97
12.1 通過標簽定位元素 97
12.2 按類定位元素 99
12.3 層疊、繼承和父子關系 101
12.4 通過元素之間的關系選擇元素 102
12.5 層疊的特殊性和優(yōu)先級 104
12.6 用特定的屬性定位元素 105
12.7 高級定位方法 106
12.8 小結 108
第 13章 為文本設置樣式 109
13.1 選擇字體 109
13.2 Google字體 112
13.3 使用@font-face引入外部字體 114
13.4 設置文本大小 117
13.5 設置文字格式 118
13.6 提高可讀性 121
13.7 小結 123
第 14 章 CSS中的顏色 124
14.1 計算機顯示器的工作原理 124
14.2 在CSS中表示顏色 125
14.3 漸變色 129
14.4 border屬性 132
14.5 小結 133
第 15章 使用 CSS 進行頁面布局 134
15.1 盒模型 134
15.2 內邊距與外邊距 138
15.3 元素流 141
15.4 創(chuàng)建層和疊放元素 146
15.5 使用z-index創(chuàng)建彈窗 147
15.6 關于網頁布局的一些說明 148
15.7 小結 148
第 16章 CSS網格和Flexbox布局 149
16.1 一個重要問題的現代解決方案 149
16.2 使用Flexbox 153
16.3 使用CSS網格布局 160
16.4 瀏覽器支持情況 164
16.5 小結 165
第 17章 響應式設計與媒體查詢 166
17.1 定義媒體查詢 166
17.2 響應式布局 168
17.3 創(chuàng)建響應式全寬布局 170
17.4 不只是屏幕寬度 174
17.5 小結 177
第 18章 CSS 變形與動畫 178
18.1 CSS過渡 178
18.2 CSS變形 180
18.3 CSS動畫 183
18.4 小結 187
第 19章 CSS變量 188
19.1 什么是變量 188
19.2 用變量簡化樣式 191
19.3 對變量進行計算 192
19.4 小結 194
第 20章 CSS預處理器 195
20.1 CSS預處理器是如何工作的 195
20.2 Sass入門 196
20.3 編寫Sass 199
20.4 小結 205
第 21章 網站上線 206
21.1 選擇托管商和域名 206
21.2 上線前檢查 210
21.3 將網站上線 211
21.4 測試網站 213
21.5 小結 214
第 22 章 測試網站 215
22.1 為什么要測試網站 215
22.2 驗證標記 216
22.3 瀏覽器測試 217
22.4 設備測試 219
22.5 使用Chrome開發(fā)者工具進行故障排查 221
22.6 小結 224
第 23章 提升網站性能 225
23.1 性能的含義 225
23.2 了解網站的性能 226
23.3 性能測試工具 226
23.4 壓縮 HTML和CSS文件 229
23.5 優(yōu)化圖像 231
23.6 優(yōu)先加載關鍵CSS 234
23.7 小結 237
第 24 章 Web無障礙性 238
24.1 涵蓋盡可能多的人 238
24.2 截至目前的效果 240
24.3 額外的標簽和屬性 241
24.4 無障礙性測試和驗證 242
24.5 確定WCAG等級 245
24.6 小結 246
第 25章 HTML和CSS之外 247
25.1 JavaScript 247
25.2 常見的JavaScript庫 248
25.3 版本控制 250
25.4 構建工具 253
25.5 小結 255
總結 256