HTML5與CSS3基礎(chǔ)教程免費完整版【中文第8版】

HTML5與CSS3基礎(chǔ)教程這本書主要是就事論事，介紹基礎(chǔ)的語法，對初學(xué)者入門來說還是不錯的，另外HTML5與CSS3基礎(chǔ)教程這本書的知識點多而全，可以作為參考手冊使用。說到缺點的話，就是該書在大局觀培養(yǎng)和創(chuàng)意方面，沒有什么筆墨，但論質(zhì)量來說確實不錯哦！是本入門好書，本節(jié)內(nèi)容小編為大家整理帶來的是HTML5與CSS3基礎(chǔ)教程中文第8版，為pdf格式免費完整版（共445頁），歡迎有需要的朋友前來下載查閱！

HTML5與CSS3基礎(chǔ)教程目錄

第1　 章　　網(wǎng)頁的構(gòu)造塊　 1

1.1　　基本HTML　 頁面　 2

1.2　　　 語義化HTML：有含義的標(biāo)記　 4

1.3　　標(biāo)記：元素、屬性和值　 8

1.4　　網(wǎng)頁的文本內(nèi)容　 10

1.5　　　 鏈接、圖像和其他非文本內(nèi)容　 11

1.6　　文件名　 12

1.7　　URL　 13

1.8　　要點回顧　 16

第2　 章　　處理網(wǎng)頁文件　 17

2.1　　規(guī)劃網(wǎng)站　 17

2.2　　創(chuàng)建新的網(wǎng)頁　 18

2.3　　保存網(wǎng)頁　 19

2.4　　指定默認頁面或主頁　 21

2.5　　編輯網(wǎng)頁　 22

2.6　　組織文件　 23

2.7　　在瀏覽器中查看網(wǎng)頁　 24

2.8　　借鑒他人靈感　 25

第3　 章　　基本HTML　 結(jié)構(gòu)　 27

3.1　　開始編寫網(wǎng)頁　 27

3.2　　創(chuàng)建頁面標(biāo)題　 30

3.3　　創(chuàng)建分級標(biāo)題　 31

3.4　　理解HTML5　 的文檔大綱　 32

3.5　　對分級標(biāo)題進行分組　 36

3.6　　普通頁面構(gòu)成　 37

3.7　　創(chuàng)建頁眉　 38

3.8　　標(biāo)記導(dǎo)航　 40

3.9　　創(chuàng)建文章　 42

3.10　　定義區(qū)塊　 45

3.11　　指定側(cè)欄　 48

3.12　　創(chuàng)建頁腳　 51

3.13　　創(chuàng)建通用容器　 54

3.14　　使用ARIA　 提升可訪問性　 57

3.15　　為元素指定類或ID　 名稱　 60

3.16　　為元素添加title　 屬性　 62

3.17　　添加注釋　 63

第4　 章　　文本　 65

4.1　　開始新的段落　 65

4.2　　添加作者聯(lián)系信息　 66

4.3　　創(chuàng)建圖　 68

4.4　　指定時間　 69

4.5　　標(biāo)記重要或強調(diào)的文本　 72

4.6　　指明引用或參考　 74

4.7　　引述文本　 74

4.8　　突出顯示文本　 76

4.9　　解釋縮寫詞　 78

4.10　　定義術(shù)語　 79

4.11　　創(chuàng)建上標(biāo)和下標(biāo)　 80

4.12　　標(biāo)注編輯和不再準(zhǔn)確的文本　 82

4.13　　標(biāo)記代碼　 85

4.14　　使用預(yù)格式化的文本　 87

4.15　　指定細則　 88

4.16　　創(chuàng)建換行　 89

4.17　　創(chuàng)建span　 90

4.18　　其他元素　 91

第5　 章　　圖像　 97

5.1　　關(guān)于Web　 圖像　 97

5.2　　獲取圖像　 99

5.3　　選擇圖像編輯器　 100

5.4　　保存圖像　 100

5.5　　在頁面中插入圖像　 102

5.6　　提供替代文本　 103

5.7　　指定圖像尺寸　 104

5.8　　在瀏覽器中改變圖像的尺寸　 106

5.9　　在圖像編輯器中改變圖像的尺寸　 107

5.10　　為網(wǎng)站添加圖標(biāo)　 108

第6　 章　　鏈接　 110

6.1　　鏈接剖析　 110

6.2　　　 創(chuàng)建指向另一個網(wǎng)頁的鏈接　 111

6.3　　創(chuàng)建錨　 116

6.4　　鏈接到特定的錨　 117

6.5　　創(chuàng)建其他類型的鏈接　 118

第7　 章　　CSS　 構(gòu)造塊　 121

7.1　　構(gòu)造樣式規(guī)則　 121

7.2　　為樣式規(guī)則添加注釋　 122

7.3　　層疊：當(dāng)規(guī)則發(fā)生沖突時　 123

7.4　　屬性的值　 126

第8　 章　　操作樣式表文件　 133

8.1　　創(chuàng)建外部樣式表　 133

8.2　　鏈接到外部樣式表　 134

8.3　　創(chuàng)建嵌入樣式表　 136

8.4　　應(yīng)用內(nèi)聯(lián)樣式　 137

8.5　　位置的重要性　 138

8.6　　使用與媒體相關(guān)的樣式表　 139

8.7　　提供替代的樣式表　 140

8.8　　借鑒他人靈感：CSS　 142

第9　 章　　定義選擇器　 143

9.1　　構(gòu)造選擇器　 143

9.2　　按名稱選擇元素　 145

9.3　　按類或ID　 選擇元素　 146

9.4　　按上下文選擇元素　 148

9.5　　選擇元素的一部分　 152

9.6　　按狀態(tài)選擇鏈接元素　 154

9.7　　按屬性選擇元素　 155

9.8　　指定元素組　 159

9.9　　組合使用選擇器　 160

9.10　　選擇器回顧　 161

第10　 章　　文本的格式化　 162

10.1　　選擇字體系列　 163

10.2　　指定替代字體　 164

10.3　　創(chuàng)建斜體　 165

10.4　　應(yīng)用粗體格式　 167

10.5　　設(shè)置字體大小　 168

10.6　　設(shè)置行高　 172

10.7　　同時設(shè)置所有字體值　 173

10.8　　設(shè)置顏色　 174

10.9　　修改文本的背景　 175

10.10　　控制間距　 178

10.11　　增加縮進179

10.12　　設(shè)置空白屬性　 180

10.13　　對齊文本　 181

10.14　　修改文本的大小寫　 182

10.15　　使用小型大寫字母　 183

10.16　　裝飾文本　 184

第11　 章　　用CSS　 進行布局　 186

11.1　　開始布局注意事項　 186

11.2　　建立頁面結(jié)構(gòu)　 188

11.3　　在舊版瀏覽器中為HTML5元素添加樣式　 19211.4　　對默認樣式進行重置或標(biāo)準(zhǔn)化　 194

11.5　　盒模型　 195

11.6　　修改背景　 197

11.7　　設(shè)置元素的高度和寬度　 199

11.8　　設(shè)置元素周圍的外邊距　 202

11.9　　在元素周圍添加內(nèi)邊距　 204

11.10　　使元素浮動　 206

11.11　　控制元素浮動的位置　 207

11.12　　設(shè)置邊框　 210

11.13　　偏移自然流中的元素　 212

11.14　　對元素進行絕對定位　 213

11.15　　指定元素的三維位置　 215

11.16　　決定溢出的位置　 216

11.17　　垂直對齊元素　 218

11.18　　修改鼠標(biāo)指針　 218

11.19　　顯示和隱藏元素　 219

第12　 章　　　 樣式表——從移動設(shè)備到臺式機　 22212.1　　移動戰(zhàn)略和注意事項　 222

12.2　　理解和實現(xiàn)媒體查詢　 226

12.3　　構(gòu)建適用于媒體查詢的頁面　 232

第13　 章　　使用Web　 字體　 241

13.1　　什么是Web　 字體　 241

13.2　　在哪里能找到Web字體　 242

13.3　　下載第一個Web字體　 244

13.4　　使用@font-face　 245

13.5　　　 對Web　 字體添加樣式及管理文件大小　 248第14　 章　　使用CSS3　 進行增強　 251

14.1　　理解廠商前綴　 251

14.2　　瀏覽器兼容性速覽　 252

14.3　　使用polyfill　 實現(xiàn)漸進增強　 253

14.4　　為元素創(chuàng)建圓角　 254

14.5　　為文本添加陰影　 257

14.6　　為其他元素添加陰影　 259

14.7　　應(yīng)用多重背景　 261

14.8　　使用漸變背景　 262

14.9　　為元素設(shè)置不透明度　 265

第15　 章　　列表　 267

15.1　　創(chuàng)建有序列表和無序列表　 267

15.2　　選擇標(biāo)識　 269

15.3　　選擇列表的起始編號　 271

15.4　　使用定制的標(biāo)識　 271

15.5　　控制標(biāo)識的位置　 273

15.6　　　 同時設(shè)置所有的列表樣式屬性　 274

15.7　　設(shè)置嵌套列表的樣式　 274

15.8　　創(chuàng)建描述列表　 278

第16　 章　　表單　 282

16.1　　創(chuàng)建表單　 282

16.2　　處理表單　 284

16.3　　通過電子郵件發(fā)送表單數(shù)據(jù)　 287

16.4　　對表單元素進行組織　 288

16.5　　創(chuàng)建文本框　 290

16.6　　創(chuàng)建密碼框　 292

16.7　　　 創(chuàng)建電子郵件框、電話框和URL　 框　 29316.8　　為表單組件添加標(biāo)簽　 294

16.9　　創(chuàng)建單選按鈕　 296

16.10　　創(chuàng)建選擇框　 297

16.11　　創(chuàng)建復(fù)選框　 298

16.12　　創(chuàng)建文本區(qū)域　 299

16.13　　讓訪問者上傳文件　 300

16.14　　創(chuàng)建隱藏字段　 301

16.15　　創(chuàng)建提交按鈕　 302

16.16　　使用圖像提交表單　 303

16.17　　禁用表單元素　 304

16.18　　　 HTML5　 的新特性和瀏覽器支持情況　 304第17　 章　　視頻、音頻和其他多媒體　 306

17.1　　第三方插件及步入原生　 306

17.2　　視頻文件格式　 307

17.3　　在網(wǎng)頁中添加單個視頻　 308

17.4　　視頻屬性一覽　 308

17.5　　為視頻添加控件和自動播放　 308

17.6　　　 為視頻指定循環(huán)播放和海報圖像　 31017.7　　阻止預(yù)加載視頻　 310

17.8　　使用多個來源的視頻　 311

17.9　　多個媒體源和source　 元素　 311

17.10　　　 添加具有備用超鏈接的視頻　 312

17.11　　　 添加具有備用Flash　 的視頻　 313

17.12　　提供可訪問性　 315

17.13　　添加音頻文件格式　 315

17.14　　　 在網(wǎng)頁中添加單個音頻文件　 316

17.15　　　 在網(wǎng)頁中添加帶控件的單個音頻文件　 31617.16　　音頻屬性一覽　 317

17.17　　　 為音頻添加控件、自動播放并設(shè)置循環(huán)播放　 31717.18　　預(yù)加載音頻文件　 318

17.19　　提供多個音頻源　 318

17.20　　　 添加具有備用超鏈接的音頻　 319

17.21　　　 添加具有備用Flash　 的音頻　 319

17.22　　　 添加同時具有備用Flash和超鏈接的音頻　 32017.23　　獲取多媒體文件　 321

17.24　　考慮數(shù)字版權(quán)管理（DRM）　 321

17.25　　嵌入Flash　 動畫　 321

17.26　　嵌入YouTube　 視頻　 322

17.27　　通過canvas　 操作視頻　 322

17.28　　聯(lián)合使用SVG　 和視頻　 323

17.29　　更多資源　 323

第18　 章　　表格　 324

18.1　　結(jié)構(gòu)化表格　 324

18.2　　讓單元格跨越多列或多行　 327

第19　 章　　處理腳本　 329

19.1　　加載外部腳本　 329

19.2　　添加嵌入腳本　 332

19.3　　JavaScript　 事件　 332

第20　 章　　測試和調(diào)試網(wǎng)頁　 334

20.1　　嘗試一些調(diào)試技巧　 334

20.2　　檢查常見錯誤：一般問題　 336

20.3　　檢查常見錯誤：HTML　 337

20.4　　檢查常見錯誤：CSS　 338

20.5　　驗證代碼　 339

20.6　　測試頁面　 341

20.7　　當(dāng)圖像不出現(xiàn)時　 344

20.8　　仍然有錯誤　 345

第21　 章　　發(fā)布網(wǎng)站　 346

21.1　　獲得域名　 346

21.2　　為網(wǎng)站尋找主機　 347

21.3　　將文件傳送至服務(wù)器　 348

附錄A　　HTML　 參考　 352

附錄B　　CSS　 引用　 363

HTML5與CSS3基礎(chǔ)教程內(nèi)容節(jié)選

……

無論你是剛開始涉足網(wǎng)站制作，還是曾經(jīng)做過網(wǎng)站、而今又想讓自己的技能與時俱進，都會對這個領(lǐng)域振奮人心的進展感同身受。 　　在過去的幾年里，為網(wǎng)頁編寫代碼和添加樣式的方式、瀏覽網(wǎng)頁所用的瀏覽器以及使用瀏覽器的設(shè)備都發(fā)生了明顯的變化。曾經(jīng)，我們只能通過臺式機或筆記本瀏覽萬維網(wǎng)，而如今我們可以通過很多設(shè)備訪問萬維網(wǎng)：手機、平板電腦，當(dāng)然也包括筆記本、臺式機

……

HTML5與CSS3基礎(chǔ)教程內(nèi)容截圖