內容簡介

卡斯特羅、希斯洛普編著的《HTML5與CSS3基礎教程（第7版）》是講解HTML和CSS入門知識的經典暢銷書，如今已經更新到第7版，介紹時下相當熱門的HTML5和CSS3。雖然HTML5和CSS3還沒有成為W3C的推薦標準，但主流瀏覽器已經能夠很好地支持它們的大部分特性。

《HTML5與CSS3基礎教程（第7版）》不僅介紹了文本、圖像、鏈接、列表、表格、表單、多媒體等網頁元素，也介紹了如何為網頁設計結構、布局，添加動態效果、格式化等形式，此外還涉及調試和發布、聚合和吸引訪問等。書中詳細講解了視頻、音頻及其他新增特性，從零開始教會讀者創建漸進增強的普適性網站。書中提供了大量代碼示例并附上代碼實現的屏幕截圖，配套網站上列出了完整的示例代碼及更多實例。

《HTML5與CSS3基礎教程（第7版）》適合網站設計新手和專業開發人員學習參考。

亞馬遜購書地址：www.amazon.cn
圖靈官方授權，高清無碼試讀PDF下載地址：http://vdisk.weibo.com/s/u038UQN2Cdkz

作者簡介

Elizabeth Castro 享譽世界的計算機暢銷書作家，目前致力于幫助大家出版電子書、設計網頁、運用CSS呈現網頁和博客等。她擅長使用詳實的步驟和精美的實例教大家快速實現具體的效果。有關她的更多信息，可訪問其博客ElizabethCastro.com。
Bruce Hyslop 自1997年就開始從事網頁開發，重點關注使用HTML、CSS和JavaScript進行網頁開發和網站易用性的維護，并倡導最佳實踐。Hyslop在加州大學洛杉磯分校進修部教授CSS課程，還著有The HTML Pocket Guide。

媒體推薦

“我們這些有過不少實際經驗的設計師往往想當然地認為自己什么都知道，事實并非如此。本書告訴我們，我們知道的很多東西其實都是錯的。所有Web設計師都需要看看這本書?！?br /> ——Web標準計劃創始人Jeffrey Zeldman對本書上一版的評論

“Elizabeth Castro寶刀不老，而新作者Bruce Hyslop亦為本書增色不少。這本書既系統全面地講解了基礎知識，又能讓讀者快速吸納HTML5和CSS3的絕大部分新特性，是一本值得擁有的好書！” ——Web Teacher評論

“快速入門和輕松寫代碼是這本書的最大特色，如果你不想浪費時間，而又想扎實地學習HTML5和CSS3，那就選這本書吧！” ——巴諾書店評論

“本書可謂字字珠璣，我入門時就是拿它當引路人的。” ——亞馬遜評論

目錄

第1　 章　　網頁的構造塊　 1
1.1　　基本HTML　 頁面　 2
1.2　　　 語義化HTML：有含義的標記　 4
1.3　　標記：元素、屬性和值　 8
1.4　　網頁的文本內容　 10
1.5　　　 鏈接、圖像和其他非文本內容　 11
1.6　　文件名　 12
1.7　　URL　 13
1.8　　要點回顧　 16
第2　 章　　處理網頁文件　 17
2.1　　規劃網站　 17
2.2　　創建新的網頁　 18
2.3　　保存網頁　 19
2.4　　指定默認頁面或主頁　 21
2.5　　編輯網頁　 22
2.6　　組織文件　 23
2.7　　在瀏覽器中查看網頁　 24
2.8　　借鑒他人靈感　 25
第3　 章　　基本HTML　 結構　 27
3.1　　開始編寫網頁　 27
3.2　　創建頁面標題　 30
3.3　　創建分級標題　 31
3.4　　理解HTML5　 的文檔大綱　 32
3.5　　對分級標題進行分組　 36
3.6　　普通頁面構成　 37
3.7　　創建頁眉　 38
3.8　　標記導航　 40
3.9　　創建文章　 42
3.10　　定義區塊　 45
3.11　　指定側欄　 48
3.12　　創建頁腳　 51
3.13　　創建通用容器　 54
3.14　　使用ARIA　 提升可訪問性　 57
3.15　　為元素指定類或ID　 名稱　 60
3.16　　為元素添加title　 屬性　 62
3.17　　添加注釋　 63
第4　 章　　文本　 65
4.1　　開始新的段落　 65
4.2　　添加作者聯系信息　 66
4.3　　創建圖　 68
4.4　　指定時間　 69
4.5　　標記重要或強調的文本　 72
4.6　　指明引用或參考　 74
4.7　　引述文本　 74
4.8　　突出顯示文本　 76
4.9　　解釋縮寫詞　 78
4.10　　定義術語　 79
4.11　　創建上標和下標　 80
4.12　　標注編輯和不再準確的文本　 82
4.13　　標記代碼　 85
4.14　　使用預格式化的文本　 87
4.15　　指定細則　 88
4.16　　創建換行　 89
4.17　　創建span　 90
4.18　　其他元素　 91
第5　 章　　圖像　 97
5.1　　關于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　　為網站添加圖標　 108
第6　 章　　鏈接　 110
6.1　　鏈接剖析　 110
6.2　　　 創建指向另一個網頁的鏈接　 111
6.3　　創建錨　 116
6.4　　鏈接到特定的錨　 117
6.5　　創建其他類型的鏈接　 118
第7　 章　　CSS　 構造塊　 121
7.1　　構造樣式規則　 121
7.2　　為樣式規則添加注釋　 122
7.3　　層疊：當規則發生沖突時　 123
7.4　　屬性的值　 126
第8　 章　　操作樣式表文件　 133
8.1　　創建外部樣式表　 133
8.2　　鏈接到外部樣式表　 134
8.3　　創建嵌入樣式表　 136
8.4　　應用內聯樣式　 137
8.5　　位置的重要性　 138
8.6　　使用與媒體相關的樣式表　 139
8.7　　提供替代的樣式表　 140
8.8　　借鑒他人靈感：CSS　 142
第9　 章　　定義選擇器　 143
9.1　　構造選擇器　 143
9.2　　按名稱選擇元素　 145
9.3　　按類或ID　 選擇元素　 146
9.4　　按上下文選擇元素　 148
9.5　　選擇元素的一部分　 152
9.6　　按狀態選擇鏈接元素　 154
9.7　　按屬性選擇元素　 155
9.8　　指定元素組　 159
9.9　　組合使用選擇器　 160
9.10　　選擇器回顧　 161
第10　 章　　文本的格式化　 162
10.1　　選擇字體系列　 163
10.2　　指定替代字體　 164
10.3　　創建斜體　 165
10.4　　應用粗體格式　 167
10.5　　設置字體大小　 168
10.6　　設置行高　 172
10.7　　同時設置所有字體值　 173
10.8　　設置顏色　 174
10.9　　修改文本的背景　 175
10.10　　控制間距　 178
10.11　　增加縮進179
10.12　　設置空白屬性　 180
10.13　　對齊文本　 181
10.14　　修改文本的大小寫　 182
10.15　　使用小型大寫字母　 183
10.16　　裝飾文本　 184
第11　 章　　用CSS　 進行布局　 186
11.1　　開始布局注意事項　 186
11.2　　建立頁面結構　 188
11.3　　在舊版瀏覽器中為HTML5元素添加樣式　 192
11.4　　對默認樣式進行重置或標準化　 194
11.5　　盒模型　 195
11.6　　修改背景　 197
11.7　　設置元素的高度和寬度　 199
11.8　　設置元素周圍的外邊距　 202
11.9　　在元素周圍添加內邊距　 204
11.10　　使元素浮動　 206
11.11　　控制元素浮動的位置　 207
11.12　　設置邊框　 210
11.13　　偏移自然流中的元素　 212
11.14　　對元素進行絕對定位　 213
11.15　　指定元素的三維位置　 215
11.16　　決定溢出的位置　 216
11.17　　垂直對齊元素　 218
11.18　　修改鼠標指針　 218
11.19　　顯示和隱藏元素　 219
第12　 章　　　 樣式表——從移動設備到臺式機　 222
12.1　　移動戰略和注意事項　 222
12.2　　理解和實現媒體查詢　 226
12.3　　構建適用于媒體查詢的頁面　 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　 實現漸進增強　 253
14.4　　為元素創建圓角　 254
14.5　　為文本添加陰影　 257
14.6　　為其他元素添加陰影　 259
14.7　　應用多重背景　 261
14.8　　使用漸變背景　 262
14.9　　為元素設置不透明度　 265
第15　 章　　列表　 267
15.1　　創建有序列表和無序列表　 267
15.2　　選擇標識　 269
15.3　　選擇列表的起始編號　 271
15.4　　使用定制的標識　 271
15.5　　控制標識的位置　 273
15.6　　　 同時設置所有的列表樣式屬性　 274
15.7　　設置嵌套列表的樣式　 274
15.8　　創建描述列表　 278
第16　 章　　表單　 282
16.1　　創建表單　 282
16.2　　處理表單　 284
16.3　　通過電子郵件發送表單數據　 287
16.4　　對表單元素進行組織　 288
16.5　　創建文本框　 290
16.6　　創建密碼框　 292
16.7　　　 創建電子郵件框、電話框和URL　 框　 293
16.8　　為表單組件添加標簽　 294
16.9　　創建單選按鈕　 296
16.10　　創建選擇框　 297
16.11　　創建復選框　 298
16.12　　創建文本區域　 299
16.13　　讓訪問者上傳文件　 300
16.14　　創建隱藏字段　 301
16.15　　創建提交按鈕　 302
16.16　　使用圖像提交表單　 303
16.17　　禁用表單元素　 304
16.18　　　 HTML5　 的新特性和瀏覽器支持情況　 304
第17　 章　　視頻、音頻和其他多媒體　 306
17.1　　第三方插件及步入原生　 306
17.2　　視頻文件格式　 307
17.3　　在網頁中添加單個視頻　 308
17.4　　視頻屬性一覽　 308
17.5　　為視頻添加控件和自動播放　 308
17.6　　　 為視頻指定循環播放和海報圖像　 310
17.7　　阻止預加載視頻　 310
17.8　　使用多個來源的視頻　 311
17.9　　多個媒體源和source　 元素　 311
17.10　　　 添加具有備用超鏈接的視頻　 312
17.11　　　 添加具有備用Flash　 的視頻　 313
17.12　　提供可訪問性　 315
17.13　　添加音頻文件格式　 315
17.14　　　 在網頁中添加單個音頻文件　 316
17.15　　　 在網頁中添加帶控件的單個音頻文件　 316
17.16　　音頻屬性一覽　 317
17.17　　　 為音頻添加控件、自動播放并設置循環播放　 317
17.18　　預加載音頻文件　 318
17.19　　提供多個音頻源　 318
17.20　　　 添加具有備用超鏈接的音頻　 319
17.21　　　 添加具有備用Flash　 的音頻　 319
17.22　　　 添加同時具有備用Flash和超鏈接的音頻　 320
17.23　　獲取多媒體文件　 321
17.24　　考慮數字版權管理（DRM）　 321
17.25　　嵌入Flash　 動畫　 321
17.26　　嵌入YouTube　 視頻　 322
17.27　　通過canvas　 操作視頻　 322
17.28　　聯合使用SVG　 和視頻　 323
17.29　　更多資源　 323
第18　 章　　表格　 324
18.1　　結構化表格　 324
18.2　　讓單元格跨越多列或多行　 327
第19　 章　　處理腳本　 329
19.1　　加載外部腳本　 329
19.2　　添加嵌入腳本　 332
19.3　　JavaScript　 事件　 332
第20　 章　　測試和調試網頁　 334
20.1　　嘗試一些調試技巧　 334
20.2　　檢查常見錯誤：一般問題　 336
20.3　　檢查常見錯誤：HTML　 337
20.4　　檢查常見錯誤：CSS　 338
20.5　　驗證代碼　 339
20.6　　測試頁面　 341
20.7　　當圖像不出現時　 344
20.8　　仍然有錯誤　 345
第21　 章　　發布網站　 346
21.1　　獲得域名　 346
21.2　　為網站尋找主機　 347
21.3　　將文件傳送至服務器　 348
附錄A　　HTML　 參考　 352
附錄B　　CSS　 引用　 363

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量43萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：