一本書講透HTML、CSS和布局

前言
第一部分　超文本標(biāo)記語言
第1章　HTML基礎(chǔ)2
1.1　HTML介紹3
1.2　HTML標(biāo)簽3
1.3　啟動(dòng)項(xiàng)目6
1.4　第一個(gè)標(biāo)簽8
1.5　HTML框架10
第2章　填充首頁15
2.1　標(biāo)題15
2.2　文本格式化16
2.3　鏈接19
2.4　添加圖片22
第3章　添加頁面與標(biāo)簽28
3.1　關(guān)于HTML的HTML頁面28
3.2　表格30
3.3　div和span35
3.4　列表39
3.5　導(dǎo)航菜單40
第4章　內(nèi)聯(lián)樣式44
4.1　文本樣式45
4.2　浮動(dòng)48
4.3　應(yīng)用外邊距50
4.4　更多外邊距技巧52
4.5　盒子樣式設(shè)計(jì)53
4.6　導(dǎo)航樣式55
4.7　嘗試CSS57
4.8　小結(jié)60
第二部分　CSS與Web布局
第5章　CSS簡介64
5.1　成為前端開發(fā)人員64
5.2　CSS概述67
5.3　示例網(wǎng)站設(shè)置70
5.4　開啟樣式設(shè)計(jì)的大門73
5.5　CSS選擇器78
第6章　樣式風(fēng)格81
6.1　命名81
6.2　何時(shí)和為什么83
6.3　優(yōu)先級和特異性86
6.4　如何成為一名優(yōu)秀的樣式設(shè)計(jì)師88
第7章　CSS值：顏色與尺寸97
7.1　CSS顏色97
7.2　尺寸介紹101
7.3　像素102
7.4　百分比104
7.5　em108
7.6　rem112
7.7　vh，vw：新時(shí)代的產(chǎn)物114
7.8　使網(wǎng)頁美觀117
第8章　盒子模型119
8.1　內(nèi)聯(lián)元素與塊級元素119
8.2　外邊距、內(nèi)邊距和邊框123
8.3　浮動(dòng)元素128
8.4　關(guān)于overflow樣式的更多信息133
8.5　內(nèi)聯(lián)塊136
8.6　盒子外邊距139
8.7　內(nèi)邊距146
8.8　邊框的樂趣147
第9章　布局157
9.1　布局基礎(chǔ)知識157
9.2　Jekyll158
9.3　布局、includes和頁面161
9.4　布局文件163
9.5　CSS文件和重置164
9.6　includes介紹：Head和Header172
9.7　高級選擇器177
9.8　定位182
9.9　固定Header193
9.10　頁腳，包含在includes中195
第10章　頁面模板和frontmatter205
10.1　模板內(nèi)容205
10.2　沒有比首頁更合適的地方了207
10.3　更高級的選擇器214
10.4　其他頁面，其他文件夾223
第11章　flexbox專業(yè)Web布局226
11.1　讓正文填滿容器228
11.2　flex垂直對齊232
11.3　flexbox樣式選項(xiàng)和簡寫法235
11.4　三欄布局239
11.5　圖庫stub242
第12章　添加博客248
12.1　添加博客文章249
12.2　循環(huán)博客索引內(nèi)容257
12.3　博客文章頁面262
第13章　移動(dòng)媒體查詢268
13.1　移動(dòng)端設(shè)計(jì)268
13.2　移動(dòng)端適配273
13.3　移動(dòng)端視口279
13.4　下拉菜單281
13.5　移動(dòng)端下拉菜單288
第14章　添加更多小細(xì)節(jié)295
14.1　自定義字體295
14.2　favicon303
14.3　自定義標(biāo)題和meta描述305
14.4　下一步310
第15章　CSS 網(wǎng)格布局311
15.1　高級的CSS網(wǎng)格布局311
15.2　一個(gè)簡單的內(nèi)容網(wǎng)格314
15.3　minmax、auto-fit和auto-fill320
15.4　網(wǎng)格線、網(wǎng)格區(qū)域和網(wǎng)格布局328
15.5　內(nèi)部網(wǎng)格346
15.6　結(jié)論367
第三部分　自定義域
第16章　自定義域名370
16.1　注冊自定義域名370
16.2　Cloudflare設(shè)置373
16.3　GitHub Pages上的自定義域377
第17章　自定義電子郵件385
17.1　Google電子郵件385
17.2　MX記錄387
17.3　網(wǎng)站分析389
17.4　結(jié)論391