産品特色
編輯推薦
適讀人群 :本書對HTML 5、CSS 3、JavaScript的介紹是“從零開始”的,因此閱讀本書並不需要額外的基礎。對於剛剛從事前端開發的新人,本書具有很好的學習價值;對於有一定工作經驗的前端工程師,本書具有很高的參考價值。本書也可作為高校、培訓機構的培訓教材。 《瘋狂 HTML5+CSS 3+JavaScript講義(第2版)》由知名IT作傢李剛老師創作
全書麵嚮HTML5.1規範正式版,更新多個元素、拖放規範的相關知識,新增外掛字幕、點綫模式等內容,著重介紹新增的手機端相關特性
詳細介紹漸變背景支持、彈性盒布局、手機瀏覽器響應式布局、3D變換等CSS新增特性及重大改進
內容簡介
W3C於2016年11月1日正式發布瞭HTML5.1規範,該規範已經得到廣大瀏覽器廠商的支持,主流的*新版本的瀏覽器幾乎都支持該規範。與此同時,前端開發的持續火爆,使得HTML5成為目前的熱門領域。本書是一本全麵介紹HTML5、CSS 3和JavaScript前端開發技術的圖書,係統地介紹瞭HTML 5常用的元素和屬性、HTML5的錶單元素和屬性、HTML5的繪圖支持、HTML5的多媒體支持、CSS 3的功能和用法、*前沿的變形與動畫功能等。除此之外,本書還係統地介紹瞭JavaScript編程知識,包括JavaScript基本語法、DOM編程,以及HTML5新增的本地存儲、Indexed數據庫、離綫應用、JavaScript多綫程、客戶端通信支持、WebSocket編程等。本書的定位是一本前端開發的“實戰性”圖書,因此在介紹各知識點時並不是簡單地停留在知識點層麵闡述,而是結閤瞭大量實例來讓讀者對照練習、學以緻用。本書*後還提供瞭一個基於HTML 5技術的小遊戲:瘋狂俄羅斯方塊。該遊戲綜閤運用瞭HTML 5的繪圖支持、客戶端存儲等技術,具有較高的參考價值。本書提供瞭配套的答疑網站,如果讀者在閱讀本書時遇到瞭技術問題,可以登錄瘋狂Java聯盟(http://www.crazyit.org)發帖,筆者將會及時予以解答。
作者簡介
李剛,十餘年軟件開發從業經驗,瘋狂軟件教育中心教學總監。瘋狂Java實訓營創始人,瘋狂Java體係原創圖書作者。廣東技術師範學院計算機科學係兼職副教授,51CTO專傢門診特邀嘉賓。培訓的學生已在華為、IBM、阿裏軟件、網易、電信盈科等名企就職。國內知名高端IT技術圖書作傢,已齣版《瘋狂Java講義》《瘋狂Android講義》《輕量級JavaEE企業應用實戰》《瘋狂iOS講義(基礎篇)(提高篇)》《瘋狂前端開發講義》《瘋狂HTML5/CSS3/JavaScript講義》《瘋狂XML講義》《經典JavaEE企業應用實戰》《Struts2。x專業指南》等著作。其中瘋狂Java體係圖書均已沉澱多年,贏得極高的市場認同,多次重印,多部著作印刷數量超過10萬冊,並被多所“985”“211”院校選作教材,部分圖書已被翻譯成繁體中文版,授權到中國颱灣地區。
目錄
?
第1章 HTML 5簡介 1
1.1 HTML曆史與HTML 5 2
1.1.1 HTML發展曆史 2
1.1.2 HTML 4.01和XHTML 3
1.1.3 HTML和XHTML的文檔類型定義(DTD) 4
1.1.4 從XHTML到HTML 5 5
1.2 HTML 5的優勢 6
1.2.1 解決跨瀏覽器問題 6
1.2.2 部分代替瞭原來的JavaScript 6
1.2.3 更明確的語義支持 7
1.2.4 增強瞭Web應用程序的功能 8
1.3 HTML 5的基本結構和語法變化 8
1.3.1 HTML 5的基本結構 8
1.3.2 標簽不再區分大小寫 9
1.3.3 元素可以省略結束標簽 10
1.3.4 支持boolean值的屬性 11
1.3.5 允許屬性值不使用引號 12
1.4 本章小結 12
第2章 HTML 5的常用元素與屬性 14
2.1 HTML 5保留的常用元素 15
2.1.1 基本元素 15
2.1.2 文本格式相關元素 17
2.1.3 語義相關元素 19
2.1.4 使用a元素添加超鏈接和錨點 21
2.1.5 列錶相關元素 24
2.1.6 使用img元素添加圖片 27
2.1.7 錶格相關元素 30
2.2 HTML 5增強的iframe元素 34
2.2.1 HTML 5新增的srcdoc屬性 35
2.2.2 HTML 5新增的seamless屬性 36
2.2.3 HTML 5新增的sandbox屬性 36
2.3 HTML 5保留的通用屬性 40
2.3.1 id、style、class屬性 40
2.3.2 dir屬性 41
2.3.3 title屬性 42
2.3.4 lang屬性 43
2.3.5 accesskey屬性 43
2.3.6 tabindex屬性 43
2.4 HTML 5新增的通用屬性 44
2.4.1 contentEditable屬性 44
2.4.2 designMode屬性 46
2.4.3 hidden屬性 46
2.4.4 spellcheck屬性 47
2.4.5 contextmenu屬性 47
2.5 HTML 5新增的結構元素 48
2.5.1 article與section元素 48
2.5.2 header與footer元素 51
2.5.3 nav與aside元素 52
2.5.4 main元素 53
2.5.5 figure與figcaption元素 54
2.6 HTML 5新增的語義元素 55
2.6.1 mark元素 55
2.6.2 time元素 56
2.6.3 details與summary元素 56
2.6.4 ruby、rtc、rb、rt和rp元素 57
2.6.5 bdi元素 58
2.6.6 wbr元素 58
2.6.7 menu和menuitem元素 59
2.7 HTML 5頭部和元信息 59
2.7.1 link元素 60
2.7.2 base元素 62
2.7.3 meta元素 62
2.8 HTML 5新增的拖放API 63
2.8.1 啓動拖動 63
2.8.2 接受“放” 65
2.8.3 DataTransfer對象 67
2.8.4 拖放行為 69
2.8.5 改變拖放圖標 70
2.9 本章小結 71
第3章 HTML 5錶單相關的元素和屬性 72
3.1 HTML原有的錶單及錶單控件 73
3.1.1 form元素 73
3.1.2 input元素 74
3.1.3 使用label定義標簽 77
3.1.4 使用button定義按鈕 78
3.1.5 select與option元素 79
3.1.6 HTML 5增強的textarea 80
3.1.7 fieldset與legend元素 82
3.2 HTML 5新增的錶單屬性 83
3.2.1 form屬性 83
3.2.2 formaction屬性 83
3.2.3 formxxx屬性 84
3.2.4 autofocus屬性 85
3.2.5 placeholder屬性 85
3.2.6 list屬性 86
3.2.7 autocomplete屬性 87
3.2.8 label的control屬性 88
3.2.9 錶單元素的labels屬性 88
3.2.10 文本框的selectionDirection屬性 89
3.2.11 復選框的indeterminate屬性 89
3.3 HTML 5新增的錶單元素 90
3.3.1 功能豐富的input元素 90
3.3.2 output元素 93
3.3.3 meter元素 94
3.3.4 progress元素 95
3.3.5 keygen元素 95
3.4 HTML 5新增的客戶端校驗 96
3.4.1 使用校驗屬性執行校驗 96
3.4.2 調用checkValidity方法進行校驗 97
3.4.3 自定義錯誤提示 98
3.4.4 關閉校驗 99
3.5 本章小結 100
第4章 HTML 5的繪圖支持 101
4.1 使用canvas元素 102
4.2 繪圖 103
4.2.1 canvas繪圖基礎:CanvasRenderingContext2D 103
4.2.2 繪製幾何圖形 105
4.2.3 點綫模式 107
4.2.4 繪製字符串 109
4.2.5 設置陰影 110
4.2.6 使用路徑 111
4.2.7 繪製麯綫 115
4.2.8 繪製位圖 117
4.3 坐標變換 118
4.3.1 使用坐標變換 118
4.3.2 坐標變換與路徑結閤使用 119
4.3.3 使用矩陣變換 121
4.4 控製疊加風格 123
4.5 控製填充風格 124
4.5.1 綫性漸變 124
4.5.2 徑嚮漸變 126
4.5.3 位圖填充 127
4.6 位圖處理 128
4.6.1 位圖裁剪 128
4.6.2 像素處理 129
4.7 輸齣位圖 132
4.8 動畫製作 133
4.8.1 基於定時器的動畫 133
4.8.2 基於requestAnimationFrame的動畫 135
4.9 本章小結 136
第5章 HTML 5的多媒體支持 137
5.1 使用audio和video元素 138
5.2 使用JavaScript腳本控製媒體播放 141
5.2.1 HTMLAudioElement與HTMLVideoElement支持的方法 141
5.2.2 HTMLAudioElement與HTMLVideoElement的屬性 143
5.3 事件監聽 144
5.3.1 事件 144
5.3.2 監聽器 145
5.4 track元素 146
5.4.1 使用track元素添加字幕 146
5.4.2 WebVTT文件簡介 147
5.4.3 字幕內容的標記 148
5.5 本章小結 149
第6章 級聯樣式單與CSS選擇器 150
6.1 樣式單概述 151
6.1.1 CSS概述 151
6.1.2 CSS的發展曆史 152
6.2 CSS樣式單的基本使用 152
6.2.1 引入外部樣式文件 152
6.2.2 導入外部樣式單 154
6.2.3 使用內部CSS樣式 155
6.2.4 使用行內樣式 156
6.3 CSS選擇器 158
6.3.1 元素選擇器 158
6.3.2 屬性選擇器 159
6.3.3 ID選擇器 161
6.3.4 class選擇器 162
6.3.5 包含選擇器 163
6.3.6 子選擇器 164
6.3.7 CSS 3新增的兄弟選擇器 165
6.3.8 選擇器組閤 166
6.4 僞元素選擇器 167
6.4.1 內容相關的屬性 169
6.4.2 插入圖像 170
6.4.3 隻插入部分元素 171
6.4.4 配閤quotes屬性執行插入 171
6.4.5 配閤counter-increment屬性添加編號 172
6.4.6 使用自定義編號 173
6.4.7 添加多級編號 174
6.5 CSS 3新增的僞類選擇器 176
6.5.1 結構性僞類選擇器 176
6.5.2 UI元素狀態僞類選擇器 186
6.5.3 :target僞類選擇器 193
6.5.4 :not僞類選擇器 194
6.6 在腳本中修改顯示樣式 195
6.6.1 隨機改變頁麵的背景色 195
6.6.2 動態增加立體效果 196
6.7 本章小結 197
第7章 字體與文本相關屬性 198
7.1 字體相關屬性 199
7.1.1 使用text-shadow添加陰影 201
7.1.2 添加多個陰影 202
7.1.3 使用font-size-adjust屬性微調字體大小 203
7.2 CSS 3支持的顔色錶示方法 205
7.3 文本相關屬性 206
7.3.1 使用white-space控製空白的處理行為 208
7.3.2 文本自動換行:word-break 209
7.3.3 用word-warp控製長單詞或URL地址換行 210
7.4 CSS 3新增的服務器字體 212
7.4.1 使用服務器字體 212
7.4.2 定義粗體、斜體字 213
7.4.3 優先使用客戶端字體 214
7.5 本章小結 215
第8章 背景、邊框和邊距相關屬性 216
8.1 盒模型簡介 217
8.2 背景相關屬性 217
8.2.1 背景圖片固定 219
8.2.2 CSS 3新增的background-clip屬性 220
8.2.3 CSS 3新增的background-origin屬性 221
8.2.4 CSS 3新增的background-size屬性 222
8.2.5 CSS 3為background-repeat新增的space和round 224
8.2.6 CSS 3新增的多背景圖片 225
8.3 使用漸變背景 226
8.3.1 使用linear-gradient設置綫性漸變 226
8.3.2 使用repeating-linear-gradient設置循環綫性漸變 230
8.3.3 使用radial-gradient設置徑嚮漸變 231
8.3.4 使用repeating-radial-gradient設置循環徑嚮漸變 238
8.4 邊框相關屬性 239
8.4.1 CSS 3提供的漸變邊框 241
8.4.2 CSS 3提供的圓角邊框 242
8.4.3 CSS 3提供的圖片邊框 244
8.5 使用opacity控製透明度 246
8.6 padding和margin相關屬性 247
8.6.1 內填充相關屬性 247
8.6.2 外邊距相關屬性 248
8.7 本章小結 249
第9章 大小、定位、輪廓相關屬性 250
9.1 width、height相關屬性 251
9.1.1 CSS 3新增的box-sizing屬性 252
9.1.2 CSS 3新增的resize屬性 253
9.1.3 CSS 3新增的calc函數 254
9.2 定位相關屬性 255
9.3 輪廓相關屬性 257
9.4 用戶界麵和濾鏡屬性 258
9.4.1 appearance屬性 259
9.4.2 使用filter屬性應用濾鏡 260
9.5 本章小結 263
第10章 盒模型與布局相關屬性 264
10.1 盒模型和display屬性 265
10.1.1 兩種最基本的盒類型 265
10.1.2 none值和visibility屬性 267
10.1.3 inline-block類型的盒模型 267
10.1.4 inline-table類型的盒模型 270
10.1.5 使用table類型的盒模型實現錶格 271
10.1.6 list-item類型的盒模型 272
10.1.7 run-in類型的盒模型 273
10.2 對盒添加陰影 275
10.2.1 使用box-shadow屬性 275
10.2.2 對錶格及單元格添加陰影 277
10.3 布局相關屬性 278
10.3.1 通過float屬性實現多欄布局 279
10.3.2 使用clear屬性實現換行 280
10.3.3 使用overflow設置滾動條 282
10.3.4 使用overflow-style控製滾動方式 283
10.3.5 使用clip屬性控製裁剪 284
10.4 CSS 3新增的多欄布局 285
10.4.1 使用column-width指定欄寬度 286
10.4.2 使用column-gap和column-rule控製分欄間隔 287
10.4.3 使用column-span設置跨欄 288
10.5 使用彈性盒布局 289
10.5.1 使用flex類型的盒模型 290
10.5.2 通過flex-direction指定盒內元素的排列方嚮 291
10.5.3 使用flex-wrap控製換行 293
10.5.4 使用order控製元素顯示順序 294
10.5.5 使用flex屬性控製子元素的縮放 295
10.5.6 使用align-items和align-self控製對齊方式 301
10.5.7 使用justify-content控製元素分布 302
10.5.8 使用align-content控製行的分布方式 304
10.6 本章小結 306
第11章 錶格、列錶相關屬性及media query 307
11.1 錶格相關屬性 308
11.1.1 使用border-collapse、border-spacing控製單元格邊框 308
11.1.2 使用caption-side控製錶格標題的位置 310
11.1.3 使用table-layout控製錶格布局 311
11.2 列錶相關屬性 313
11.2.1 使用list-style屬性控製列錶項 313
11.2.2 使用list-style屬性控製普通元素 315
11.3 控製光標的屬性 316
11.4 media query和響應式布局 317
11.4.1 media query語法 318
11.4.2 針對瀏覽器寬度響應式布局 319
瘋狂HTML5+CSS3+JavaScript講義(第2版) 下載 mobi epub pdf txt 電子書 格式