W3C于2016年11月1日正式了HTML 5.1規范,該規范已經得到廣大瀏覽器廠商的支持,主流的版本的瀏覽器幾乎都支持該規范。與此同時,前端開發的持續火爆,使得HTML 5成為目前的熱門領域。本書是一本介紹HTML 5、CSS 3和JavaScript前端開發技術的圖書,系統地介紹了HTML 5常用的元素和屬性、HTML 5的表單元素和屬性、HTML 5的繪圖支持、HTML 5的多媒體支持、CSS 3的功能和用法、前沿的變形與動畫功能等。除此之外,本書還系統地介紹了JavaScript編程知識,包括JavaScript基本語法、DOM編程,以及HTML 5新增的本地存儲、Indexed數據庫、離線應用、JavaScript多線程、客戶端通信支持、WebSocket編程等。本書的定位是一本前端開發的“實戰性”圖書,因此在介紹各知識點時并不是簡單地停留在知識點層面闡述,而是結合了大量實例來讓讀者對照練習、學以致用。本書后還提供了一個基于HTML 5技術的小游戲:瘋狂俄羅斯方塊。該游戲綜合運用了HTML 5的繪圖支持、客戶端存儲等技術,具有較高的參考價值。本書提供了配套的答疑網站,如果讀者在閱讀本書時遇到了技術問題,可以登錄瘋狂Java聯盟(www.crazyit.org)發帖,筆者將會及時予以解答。
《瘋狂 HTML 5 CSS 3 JavaScript講義(第2版)》由知名IT作家李剛老師創作
本書的中文繁體字版授權到中國臺灣地區
全書面向HTML 5.1規范正式版,更新多個元素、拖放規范的相關知識,新增外掛字幕、點線模式等內容,著重介紹新增的手機端相關特性
詳細介紹漸變背景支持、彈性盒布局、手機瀏覽器響應式布局、3D變換等CSS新增特性及重大改進
李剛,十余年軟件開發從業經驗,瘋狂軟件教育中心教學總監。瘋狂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.1HTML歷史與HTML 5 2
1.1.1HTML發展歷史 2
1.1.2HTML 4.01和XHTML 3
1.1.3HTML和XHTML的文檔類型定義(DTD) 4
1.1.4從XHTML到HTML 5 5
1.2HTML 5的優勢 6
1.2.1解決跨瀏覽器問題 6
1.2.2部分代替了原來的JavaScript 6
1.2.3更明確的語義支持 7
1.2.4增強了Web應用程序的功能 8
1.3HTML 5的基本結構和語法變化 8
1.3.1HTML 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.1HTML 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.2HTML 5增強的iframe元素 34
2.2.1HTML 5新增的srcdoc屬性 35
2.2.2HTML 5新增的seamless屬性 36
2.2.3HTML 5新增的sandbox屬性 36
2.3HTML 5保留的通用屬性 40
2.3.1id、style、class屬性 40
2.3.2dir屬性 41
2.3.3title屬性 42
2.3.4lang屬性 43
2.3.5accesskey屬性 43
2.3.6tabindex屬性 43
2.4HTML 5新增的通用屬性 44
2.4.1contentEditable屬性 44
2.4.2designMode屬性 46
2.4.3hidden屬性 46
2.4.4spellcheck屬性 47
2.4.5contextmenu屬性 47
2.5HTML 5新增的結構元素 48
2.5.1article與section元素 48
2.5.2header與footer元素 51
2.5.3nav與aside元素 52
2.5.4main元素 53
2.5.5figure與figcaption元素 54
2.6HTML 5新增的語義元素 55
2.6.1mark元素 55
2.6.2time元素 56
2.6.3details與summary元素 56
2.6.4ruby、rtc、rb、rt和rp元素 57
2.6.5bdi元素 58
2.6.6wbr元素 58
2.6.7menu和menuitem元素 59
2.7HTML 5頭部和元信息 59
2.7.1link元素 60
2.7.2base元素 62
2.7.3meta元素 62
2.8HTML 5新增的拖放API 63
2.8.1啟動拖動 63
2.8.2接受“放” 65
2.8.3DataTransfer對象 67
2.8.4拖放行為 69
2.8.5改變拖放圖標 70
2.9本章小結 71
第3章HTML 5表單相關的元素和屬性 72
3.1HTML原有的表單及表單控件 73
3.1.1form元素 73
3.1.2input元素 74
3.1.3使用label定義標簽 77
3.1.4使用button定義按鈕 78
3.1.5select與option元素 79
3.1.6HTML 5增強的textarea 80
3.1.7fieldset與legend元素 82
3.2HTML 5新增的表單屬性 83
3.2.1form屬性 83
3.2.2formaction屬性 83
3.2.3formxxx屬性 84
3.2.4autofocus屬性 85
3.2.5placeholder屬性 85
3.2.6list屬性 86
3.2.7autocomplete屬性 87
3.2.8label的control屬性 88
3.2.9表單元素的labels屬性 88
3.2.10文本框的selectionDirection屬性 89
3.2.11復選框的indeterminate屬性 89
3.3HTML 5新增的表單元素 90
3.3.1功能豐富的input元素 90
3.3.2output元素 93
3.3.3meter元素 94
3.3.4progress元素 95
3.3.5keygen元素 95
3.4HTML 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.1canvas繪圖基礎: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.1HTMLAudioElement與HTMLVideoElement支持的方法 141
5.2.2HTMLAudioElement與HTMLVideoElement的屬性 143
5.3事件監聽 144
5.3.1事件 144
5.3.2監聽器 145
5.4track元素 146
5.4.1使用track元素添加字幕 146
5.4.2WebVTT文件簡介 147
5.4.3字幕內容的標記 148
5.5本章小結 149
第6章級聯樣式單與CSS選擇器 150
6.1樣式單概述 151
6.1.1CSS概述 151
6.1.2CSS的發展歷史 152
6.2CSS樣式單的基本使用 152
6.2.1引入外部樣式文件 152
6.2.2導入外部樣式單 154
6.2.3使用內部CSS樣式 155
6.2.4使用行內樣式 156
6.3CSS選擇器 158
6.3.1元素選擇器 158
6.3.2屬性選擇器 159
6.3.3ID選擇器 161
6.3.4class選擇器 162
6.3.5包含選擇器 163
6.3.6子選擇器 164
6.3.7CSS 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.5CSS 3新增的偽類選擇器 176
6.5.1結構性偽類選擇器 176
6.5.2UI元素狀態偽類選擇器 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.2CSS 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.4CSS 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.2CSS 3新增的background-clip屬性 220
8.2.3CSS 3新增的background-origin屬性 221
8.2.4CSS 3新增的background-size屬性 222
8.2.5CSS 3為background-repeat新增的space和round 224
8.2.6CSS 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.1CSS 3提供的漸變邊框 241
8.4.2CSS 3提供的圓角邊框 242
8.4.3CSS 3提供的圖片邊框 244
8.5使用opacity控制透明度 246
8.6padding和margin相關屬性 247
8.6.1內填充相關屬性 247
8.6.2外邊距相關屬性 248
8.7本章小結 249
第9章大小、定位、輪廓相關屬性 250
9.1width、height相關屬性 251
9.1.1CSS 3新增的box-sizing屬性 252
9.1.2CSS 3新增的resize屬性 253
9.1.3CSS 3新增的calc函數 254
9.2定位相關屬性 255
9.3輪廓相關屬性 257
9.4用戶界面和濾鏡屬性 258
9.4.1appearance屬性 259
9.4.2使用filter屬性應用濾鏡 260
9.5本章小結 263
第10章盒模型與布局相關屬性 264
10.1盒模型和display屬性 265
10.1.1兩種最基本的盒類型 265
10.1.2none值和visibility屬性 267
10.1.3inline-block類型的盒模型 267
10.1.4inline-table類型的盒模型 270
10.1.5使用table類型的盒模型實現表格 271
10.1.6list-item類型的盒模型 272
10.1.7run-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.4CSS 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和ali
快遞很快,書看了一下,挺不錯,這個系列的買了挺多本的,延續了一貫風格
這本書介紹的很詳細,想了解前端開發的話,這是一本參考價值高的書
html5css3javascript的技術,很適合前端開發得看
很不錯 我一口氣買了三本 200減100 賺到了
老師講得很詳細,知識點很細。書的印刷不是很好,看起來很吃力
居然用塑料袋子裝的,光盤夾在書中,收到的時候已經斷裂,希望可以從網上能下載到光盤資料
瘋狂系列的書都很不錯,是國內目前比較好的IT書籍
這本書很好, 昨天剛入手今天就到了。 學習ing...
這本書主要是入門級,從標簽和CSS開講,卻沒有多少涉及到HTML5的知識,對于剛開始學習的朋友來說是一本不錯的書,但是如果對于需要進階的朋友來說這本書還是不推薦了。
支持李剛老師的圖書~~不可多得的入門級圖書~
正品書,不知道是快遞運送還是書本身有破損,希望店家叮囑一下快遞老板保證書安全無損送達。
挺全的講解的,先看完html和CSS再看這本
評價晚了,雙十一拍的第二天就收到了,還沒開始看,感覺還不錯
商品是正版,紙質很好,內容更好,非常適合初學者使用,老師要求把這本書完全看會了,再加上自己努力練習,是對網站開發與設計很有幫助的書籍。
書還沒有看完,適用于初學者,對于個人有此基礎而言還不是我想要的書。可否有IT行業人士推薦此類書更有技術含量深入的請留言回復,謝謝。
物流速度很快,第二天中午就到了,書里要背的東西很多。
真的只是講html5,要有html基礎的人看才行,一點基礎沒有的,說實話,我覺得不太適合。
剛買到的書整體感覺還好書的內容以后再分享
這本書還可以,不算太差,內容很好,包裝精美,相信當當網,必須好評。
書很好,賣家及當當對快遞的管理差一些,快遞有兩天聯系不上,客服人員無法做出解釋,影響客戶使用,影響當當網信譽
東西還行,就沒有折扣,這快遞員是不有點蒙逼呀!為什么我的支付寶不能用啊,我他媽沒錢了呀, 這快遞員牛逼死啦
非常滿意 下大雨就給送來了 出貨也很快 書還沒有看
翻開書的封面,就有張瘋狂jave學習路線圖清晰呈現,這里多少感覺到貼心,最起碼為大家提供了一個方向或者說指引,雖然不一定對我有用,但感覺對進修或想系統學習的人挺好的,其他的話,簡單翻了翻,聽樸素額,都是黑白文字敘述,希望如作者說的簡單易懂
物流很快,昨天買的今天就到了,只是包裝破損非常大,,書籍側面被弄臟了,快遞人員未做任何說明,往快遞柜里一放就完了。而且,不知道誰替我點的確認收貨。很不舒服的一次購買。
非常好的一本書!對html5+javascript有很詳盡的解析。這本書則讓人讀后茅塞頓開。當然,要想深入挖掘html5的特性,還需要其它的輔助資源,但是,用這本書作為開始,已經很不錯。
為什么給4分呢?因為李剛的書我買了一整套了,從第一本瘋狂JAVA講義第一版到瘋狂XML到瘋狂Android到程序員基本功到瘋狂AJAX到瘋狂HTML5/CSS3/JavaScript....這本個人感覺不可作為經典之作了..