《HTML 5+CSS 3網頁開發實戰精解》是2013年1月出版的圖書，作者是楊習偉。《HTML 5+CSS 3網頁開發實戰精解》全面、系統地講解了HTML5和CSS3從Web界面設計到Web套用開發的各種技術。《HTML 5+CSS 3網頁開發實戰精解》難度適中，學習梯度科學，知識架構嚴謹，內容由淺入深、從易到難，講解通俗易懂，並注重讀者興趣的培養，講解時還列舉了大量實例，以幫助讀者提高實戰技能。
基本介紹
- 作者：楊習偉
- ISBN：9787302288671
- 頁數：377
- 定價：49.80元
- 出版時間：2013-1
- 副標題：HTML 5+CSS 3網頁開發實戰精解
特點,圖書目錄,
特點
《HTML 5+CSS 3網頁開發實戰精解》配帶1張光碟，內容為《HTML 5+CSS 3網頁開發實戰精解》重點內容的教學視頻和《HTML 5+CSS 3網頁開發實戰精解》涉及的原始碼。《HTML 5+CSS 3網頁開發實戰精解》共17章，分為3篇。第1篇為技術概覽，簡要介紹HTML5標準和CSS3層疊樣式表等內容；第2篇為基於CSS3的Web界而設計實戰，重點介紹文字、背景、框線、盒布局、多列布局、動畫、漸變、支持多種設備的樣式表等內容；第3篇為基於HTML5的Web套用開發實戰，重點介紹繪圖、音頻和視頻、新型表單、拖放、本地存儲、離線套用、跨源通信、WebSocket雙向通信、多執行緒和地理位置等內容。
圖書目錄
第1篇 技術概覽
第1章 HTML 5標準（教學視頻：46分鐘） 2
1.1 HTML 5介紹 2
1.1.1 HTML 5的歷史背景 2
1.1.2 HTML 5的現狀 3
1.1.3 良好的設計理念 4
1.1.4 新增的HTML 5原生功能 5
1.1.5 HTML 5帶來的好處 6
1.2 全新的HTML 5 7
1.2.1 從“頭”說起 7
1.2.2 明確簡潔的結構 7
1.2.3 新增的元素 10
1.2.4 廢棄的元素 11
1.2.5 全新的選擇器 12
1.2.6 腳本日誌和調試 12
1.3 HTML 5的未來發展 14
1.4 小結 15
1.5 習題 15
第2章 CSS 3層疊樣式表（教學視頻：25分鐘） 16
2.1 CSS 3簡介 16
2.1.1 CSS 3的歷史背景 16
2.1.2 CSS 3的發展現狀 17
2.1.3 CSS 3新特性預覽 18
2.2 增強的選擇器功能 20
2.2.1 元素選擇符和關係選擇符 20
2.2.2 屬性選擇符 20
2.2.3 結構偽類選擇符 23
2.2.4 UI元素狀態偽類選擇符 26
2.2.5 偽元素選擇符 27
2.3 小結 28
2.4 習題 28
第2篇 基於CSS 3的Web界面設計實戰
第3章 文本、背景、框線不再單調（教學視頻：96分鐘） 30
3.1 文本與字型 30
3.1.1 多樣化的文本陰影——text-shadow屬性 30
3.1.2 溢出文本處理——text-overflow屬性 34
3.1.3 對齊的文字才好看——word-wrap和word-break屬性 35
3.1.4 使用伺服器端的字型——@font-face規則 37
3.1.5 實驗室：豐富的文字樣式 40
3.2 色彩模式和不透明度 41
3.2.1 不再為配色發愁——HSL色彩模式 42
3.2.2 含不透明度的——HSLA色彩模式 44
3.2.3 含不透明度的——RGBA色彩模式 45
3.2.4 不透明度——opacity屬性 46
3.2.5 實驗室：半透明的遮蔽層 48
3.3 背景 51
3.3.1 元素里定義多個背景圖片 51
3.3.2 指定背景的原點位置 52
3.3.3 指定背景的顯示區域 55
3.3.4 指定背景圖像的大小 57
3.3.5 實驗室：設計信紙的效果 59
3.4 框線 62
3.4.1 設計圓角框線——border-radius屬性 62
3.4.2 設計圖像框線——border-image屬性 68
3.4.3 設計多色框線——border-color屬性 76
3.4.4 實驗室：使用新技術設計網頁 78
3.5 小結 83
3.6 習題 83
第4章 靈活的盒布局和界面設計（教學視頻：69分鐘） 84
4.1 靈活的盒布局 84
4.1.1 開啟盒布局 84
4.1.2 元素的布局方向——box-orient屬性 86
4.1.3 元素的布局順序——box-direction屬性 87
4.1.4 調整元素的位置——box-ordinal-group屬性 89
4.1.5 彈性空間分配——box-flex屬性 91
4.1.6 元素的對其方式——box-pack和box-align屬性 94
4.1.7 實驗室：使用新型盒布局設計網頁 97
4.2 增強的盒模型 101
4.2.1 盒子陰影——box-shadow屬性 101
4.2.2 盒子尺寸的計算方法——box-sizing屬性 106
4.2.3 盒子溢出內容處理——overflow-x和overflow-y屬性 108
4.2.4 實驗室：設計網站服務條款頁面 109
4.3 增強的用戶界面設計 112
4.3.1 允許用戶改變尺寸——resize屬性 112
4.3.2 定義外輪廓線——outline屬性 113
4.3.3 偽裝的元素——appearance屬性 118
4.3.4 為元素添加內容——content屬性 120
4.3.5 實驗室：設計一個省份選擇盤 124
4.4 小結 125
4.5 習題 126
第5章 你一直期待的多列布局（教學視頻：21分鐘） 127
5.1 多列布局基礎 127
5.1.1 多列屬性columns 127
5.1.2 列寬屬性column-width 129
5.1.3 列數屬性column-count 129
5.1.4 列間距屬性column-gap 131
5.1.5 定義列分隔線——column-rule屬性 132
5.1.6 定義橫跨所有列——column-span屬性 135
5.2 實驗室：模仿雜誌的多列版式 136
5.3 小結 138
5.4 習題 138
第6章 酷炫的動畫和漸變（教學視頻：82分鐘） 139
6.1 CSS 3變形基礎 139
6.1.1 元素的變形——transform屬性 139
6.1.2 旋轉 139
6.1.3 縮放和翻轉 141
6.1.4 移動 143
6.1.5 傾斜 145
6.1.6 矩陣變形 147
6.1.7 同時使用多個變形函式 149
6.1.8 定義變形原點——transform-origin屬性 151
6.1.9 實驗室：設計圖片畫廊 153
6.2 CSS 3過渡效果 156
6.2.1 實現過渡效果——transition屬性 156
6.2.2 指定過渡的屬性——transition-property屬性 157
6.2.3 指定過渡的時間——transition-duration屬性 159
6.2.4 指定過渡延遲時間——transition-delay屬性 160
6.2.5 指定過渡方式——transition-timing-function屬性 161
6.2.6 實驗室：製作滑動的選單 162
6.3 CSS 3動畫設計 165
6.3.1 關鍵幀動畫——@keyframes規則 165
6.3.2 動畫的實現——animation屬性 166
6.3.3 實驗室：永不停止的風車 170
6.4 CSS 3漸變設計 172
6.4.1 CSS線性漸變 172
6.4.2 CSS徑向漸變 175
6.4.3 實驗室：設計漸變的按鈕 177
6.5 小結 179
6.6 習題 180
第7章 支持多種設備的樣式表方案（教學視頻：15分鐘） 181
7.1 媒體查詢 181
7.1.1 @media規則的語法 181
7.1.2 使用Media Queries連結外部樣式表檔案 185
7.2 實驗室：自適應螢幕的樣式表方案 185
7.3 小結 191
7.4 習題 191
第3篇 基於HTML 5的Web套用開發實戰
第8章 繪製圖形如此簡單（教學視頻：78分鐘） 194
8.1 Canvas簡介 194
8.2 Canvas基本知識 195
8.2.1 構建Canvas元素 195
8.2.2 使用JavaScript實現繪圖的流程 196
8.3 使用Canvas繪圖 198
8.3.1 繪製矩形 198
8.3.2 使用路徑 201
8.3.3 圖形組合 205
8.3.4 繪製曲線 207
8.3.5 使用圖像 212
8.3.6 剪裁區域 214
8.3.7 繪製漸變 216
8.3.8 描邊屬性 219
8.3.9 模式 221
8.3.10 變換 222
8.3.11 使用文本 226
8.3.12 陰影效果 228
8.3.13 狀態的保存與恢復 229
8.3.14 操作像素 230
8.4 實驗室：在Canvas中實現動畫 232
8.5 小結 236
8.6 習題 236
第9章 便捷的音頻和視頻（教學視頻：44分鐘） 237
9.1 audio和video基礎知識 237
9.1.1 線上多媒體的發展 237
9.1.2 多媒體術語 238
9.1.3 HTML 5多媒體檔案格式 239
9.1.4 功能缺陷及未來趨勢 240
9.2 使用HTML 5的audio和video元素 241
9.2.1 在網頁中使用audio和video 241
9.2.2 audio和video的特性和屬性 242
9.2.3 audio和video的方法 246
9.2.4 audio和video的事件 248
9.3 實驗室：自定義播放工具條 250
9.4 小結 254
9.5 習題 254
