《HTML5與CSS3設計模式》是2013年人民郵電出版社出版的圖書，作者是Michael Bowers。該書適合具有HTML和CSS基礎的讀者學習參考。
基本介紹
- 譯者：曾少寧
- ISBN：9787115299925
- 頁數：481
- 定價：89.00元
- 出版社：人民郵電出版社
- 出版時間：2013-1
- 裝幀：平裝
內容介紹,作者介紹,作品目錄,
內容介紹
《HTML5與CSS3設計模式》是一部全面講述用HTML5和CSS3設計網頁的教程。書中含350個即時可用的模式（HTML5和CSS3代碼片段），直接複製貼上即可使用，更可以組合起來構建出無窮的解決方案。每個模式都可在所有主流Web瀏覽器中可靠地運行。《HTML5與CSS3設計模式》系統地介紹了CSS3的每個可用特性，並結合了HTML5來創建可重用的模式。另外，《HTML5與CSS3設計模式》布局巧妙，各個模式的示例在左邊，說明在右邊，非常便於查找。
作者介紹
Michael Bowers
有22年編程生涯的老牌程式設計師。他從14歲那年就開始自學編程，並一直勤奮不輟。
現在他的身份是首席工程師和企業信息技術架構師。他曾在很多項目中擔當過程式設計師、架構師以及數據建模師等角色，在開發網站、構建應用程式架構和資料庫系統方面有豐富的經驗。除了開發過Web應用程式、集成企業信息系統、構建工廠自動化方案之外，他還開發過程式語言、編譯器及解釋器，並且還管理過軟體團隊。他最喜歡的程式語言包括：CSS、HTML、XML、C#、C++、Visual Basic、Java、JavaScript、SQL及XQuery。
另外，Michael在鋼琴上的造詣頗深。他擁有作曲專業的學士學位、樂理專業的碩士及準博士學位（ABD PhD）。閒暇時，他喜歡即興演奏、編排音樂並譜曲。
Dionysios Synodinos
C4Media的研究平台團隊主管，同時還是一位自由顧問，關注網際網路富應用程式、Web應用程式安全性、移動Web以及Web服務等。
他還是InfoQ的HTML5及JavaScript方向的首席編輯，定期在網站上撰寫一些有關JVM平台的文章。
遊走於伺服器端編程與UI設計10餘年，他參與過不同的軟體項目，並且參與編寫過多部技術書籍。
Victor Sumner
LookSmart公司的高級軟體工程師。作為一位自學的Web程式開發者，在一款Web程式的生命周期中，他要擔負很多角色，從資料庫管理員到Web設計師，所有的工作他都做過。他喜歡挑戰並解決棘手的問題。
他有很多業餘愛好，包括攝影、騎馬、玩電子遊戲等。他和妻子Alicia一起住在加拿大的安大略省。
作品目錄
第1章 設計模式：簡化CSS使用 1
1.1 設計模式——結構化方法 2
1.2 使用設計模式 2
1.3 使用樣式表 7
1.4 CSS語法 7
1.4.1 CSS語法詳解 8
1.4.2 在CSS中使用空白字元 9
1.4.3 使用屬性值 9
1.5 使用層疊順序 12
1.6 簡化層疊順序 14
1.7 CSS和HTML連結 15
1.8 CSS常用屬性 16
1.9 CSS屬性與值：常用 17
1.10 CSS屬性與值：內容 18
1.11 CSS屬性與值：布局 19
1.12 CSS屬性與值：專用 20
1.13 選擇器 20
1.14 媒體查詢 21
1.15 靈活尺寸單位 22
1.16 固定度量單位 22
1.17 96 dpi下度量單位的換算 23
1.18 96 dpi下的常用字號 23
1.19 過渡、動畫與2D變換 23
1.20 修復CSS錯誤 24
1.21 樣式表的規範化 26
第2章 HTML設計模式 29
2.1 概述 29
2.2 HTML結構 30
2.3 HTML結構（續） 32
2.4 XHTML 37
2.5 DOCTYPE 39
2.6 頁頭元素 41
2.7 條件樣式表 43
2.8 結構塊元素 45
2.9 終止塊元素 47
2.10 多功能塊元素 49
2.11 行內元素 51
2.12 類和ID屬性 53
2.13 HTML空白字元 55
第3章 CSS選擇器與繼承 57
3.1 概述 57
3.2 類型、類和ID選擇器 58
3.3 位置選擇器和選擇器分組 60
3.4 屬性選擇器 62
3.5 偽元素選擇器 64
3.6 偽類選擇器 66
3.7 子類選擇器 68
3.8 繼承 70
3.9 可視化繼承 72
第4章 框模型 75
4.1 概述 75
4.2 Display 76
4.3 框模型 78
4.4 行內框 80
4.5 行內塊級框 82
4.6 塊級框 84
4.7 表格框 86
4.8 絕對框 88
4.9 浮動框 90
第5章 框模型的範圍 93
5.1 概述 93
5.2 寬度 94
5.3 高度 96
5.4 設定尺寸 98
5.5 收縮適應 100
5.6 拉伸 102
第6章 框模型屬性 105
6.1 概述 105
6.2 外邊距 106
6.3 框線 108
6.4 內邊距 111
6.5 背景 113
6.6 溢出 115
6.7 可見性 117
6.8 分頁符 119
第7章 定位模型 121
7.1 概述 121
7.2 定位模型 122
7.3 設定位置 124
7.4 最近定位祖先元素 126
7.5 堆疊上下文 128
7.6 原子顯示 130
7.7 靜態定位 132
7.8 絕對定位 134
7.9 固定定位 136
7.10 相對定位 138
7.11 浮動定位與復位 140
7.12 相對浮動定位 142
第8章 定位方式：縮進、偏移與對齊 145
8.1 概述 145
8.2 縮進 146
8.3 靜態偏移 148
8.4 靜態表格偏移與縮進 150
8.5 浮動偏移 152
8.6 絕對偏移與固定偏移 154
8.7 相對偏移 156
8.8 靜態行內對齊 158
8.9 靜態塊級對齊與偏移 160
8.10 靜態表格對齊與偏移 162
8.11 絕對對齊與偏移 164
8.12 絕對居中對齊 166
8.13 外部對齊 168
第9章 高級定位 171
9.1 概述 171
9.2 左對齊 172
9.3 左偏移 174
9.4 右對齊 176
9.5 右偏移 178
9.6 居中對齊 180
9.7 居中偏移 182
9.8 上對齊 184
9.9 上偏移 186
9.10 下對齊 188
9.11 下偏移 190
9.12 垂直居中對齊 192
9.13 垂直居中偏移 194
第10章 設定文字樣式 197
10.1 概述 197
10.2 字型 198
10.3 高亮顯示 200
10.4 文字修飾 202
10.5 文字陰影 204
10.6 使用圖片替換文字 206
10.7 使用Canvas和VML替換文字 208
10.8 嵌入字型 210
10.9 不可見文字 212
10.10 僅供螢幕閱讀器讀取 214
第11章 內容間隔 217
11.1 間隔 218
11.2 塊級化 220
11.3 不換行 222
11.4 保留空格 224
11.5 代碼 226
11.6 填充內容 228
11.7 行內分隔區 230
11.8 行內裝飾 232
11.9 換行 234
11.10 行內水平線規則 236
第12章 內容對齊 239
12.1 文字縮進 240
12.2 懸掛縮進 242
12.3 水平對齊內容 244
12.4 垂直對齊內容 246
12.5 垂直偏移內容 248
12.6 下標與上標 250
12.7 嵌套對齊 252
12.8 高級對齊示例 254
第13章 塊級元素 257
13.1 概述 257
13.2 結構含義 258
13.3 可視化結構 260
13.4 節 262
13.5 列表 264
13.6 項目符號背景 266
13.7 行內化 268
13.8 合併外邊距 270
13.9 插入 272
13.10 水平線規則 274
13.11 塊級分隔區 276
13.12 塊級間隔刪除器 278
13.13 左旁註 280
13.14 右旁註 282
第14章 圖片 285
14.1 概述 285
14.2 圖片 286
14.3 圖片地圖 288
14.4 淡出 290
14.5 半透明 292
14.6 替換文字 294
14.7 內容覆蓋圖片 296
14.8 內容覆蓋背景圖片 298
14.9 CSS精靈圖 300
14.10 CSS精靈圖（續） 302
14.11 基本陰影圖片 304
14.12 陰影圖片 306
14.13 陰影圖片（續） 308
14.14 陰影圖片（再續） 310
14.15 圓角 312
14.16 圓角（續） 314
14.17 圖片示例 316
第15章 表格 319
15.1 概述 319
15.2 表格 320
15.3 行組與列組 322
15.4 表格選擇器 324
15.5 拆分框線 326
15.6 合併框線 328
15.7 合併框線樣式 330
15.8 隱藏與刪除單元格 332
15.9 刪除與隱藏行和列 334
15.10 垂直對齊數據 336
15.11 表格條紋 338
15.12 表格化、行化和單元格化 340
15.13 表格布局 342
第16章 表格列布局 345
16.1 表格布局模型 345
16.2 使用列布局 346
16.3 概述 346
16.4 列寬 348
16.5 收縮適應列 350
16.6 設定尺寸列 352
16.7 按內容比例劃分列 354
16.8 按寬度比例劃分列 356
16.9 按百分比比例劃分列 358
16.10 按反比例劃分列 360
16.11 最小等寬列 362
16.12 等寬列 364
16.13 小尺寸列 366
16.14 彈性列 368
16.15 混合列布局 370
第17章 布局 373
17.1 概述 373
17.2 流動布局概述 374
17.3 由外而內框 376
17.4 浮動節 380
17.5 浮動分隔區 382
17.6 流動布局 384
17.7 兩側浮動 386
17.8 事件樣式 388
17.9 捲起 390
17.10 選項卡選單 394
17.11 選項卡 398
17.12 飛出選單 402
17.13 按鈕 406
17.14 布局連結 410
17.15 多列布局 412
17.16 模板布局 414
17.17 布局示例 416
第18章 首字下沉 419
18.1 概述 419
18.2 對齊首字下沉 420
18.3 首字母下沉 422
18.4 懸掛首字下沉 424
18.5 嵌入式圖片下沉 426
18.6 浮動首字下沉 428
18.7 浮動圖片下沉 430
18.8 旁註式首字下沉 432
18.9 旁註式圖片下沉 434
第19章 突出引用與普通引用 437
19.1 概述 437
19.2 左浮動突出引用 438
19.3 右浮動突出引用 440
19.4 居中突出引用 442
19.5 左旁註突出引用 444
19.6 右旁註突出引用 446
19.7 塊級普通引用 448
19.8 行內塊級普通引用 450
19.9 行內普通引用 452
第20章 警告框 455
20.1 概述 455
20.2 JavaScript警告框 456
20.3 工具提示警告框 458
20.4 彈出式警告框 460
20.5 彈出式警告框（續） 462
20.6 警告框 464
20.7 行內警告框 466
20.8 懸掛式警告框 468
20.9 圖片警告框 470
20.10 插入警告框 472
20.11 浮動警告框 474
20.12 左旁註警告框 476
20.13 右旁註警告框 478
20.14 表單驗證 480
1.1 設計模式——結構化方法 2
1.2 使用設計模式 2
1.3 使用樣式表 7
1.4 CSS語法 7
1.4.1 CSS語法詳解 8
1.4.2 在CSS中使用空白字元 9
1.4.3 使用屬性值 9
1.5 使用層疊順序 12
1.6 簡化層疊順序 14
1.7 CSS和HTML連結 15
1.8 CSS常用屬性 16
1.9 CSS屬性與值：常用 17
1.10 CSS屬性與值：內容 18
1.11 CSS屬性與值：布局 19
1.12 CSS屬性與值：專用 20
1.13 選擇器 20
1.14 媒體查詢 21
1.15 靈活尺寸單位 22
1.16 固定度量單位 22
1.17 96 dpi下度量單位的換算 23
1.18 96 dpi下的常用字號 23
1.19 過渡、動畫與2D變換 23
1.20 修復CSS錯誤 24
1.21 樣式表的規範化 26
第2章 HTML設計模式 29
2.1 概述 29
2.2 HTML結構 30
2.3 HTML結構（續） 32
2.4 XHTML 37
2.5 DOCTYPE 39
2.6 頁頭元素 41
2.7 條件樣式表 43
2.8 結構塊元素 45
2.9 終止塊元素 47
2.10 多功能塊元素 49
2.11 行內元素 51
2.12 類和ID屬性 53
2.13 HTML空白字元 55
第3章 CSS選擇器與繼承 57
3.1 概述 57
3.2 類型、類和ID選擇器 58
3.3 位置選擇器和選擇器分組 60
3.4 屬性選擇器 62
3.5 偽元素選擇器 64
3.6 偽類選擇器 66
3.7 子類選擇器 68
3.8 繼承 70
3.9 可視化繼承 72
第4章 框模型 75
4.1 概述 75
4.2 Display 76
4.3 框模型 78
4.4 行內框 80
4.5 行內塊級框 82
4.6 塊級框 84
4.7 表格框 86
4.8 絕對框 88
4.9 浮動框 90
第5章 框模型的範圍 93
5.1 概述 93
5.2 寬度 94
5.3 高度 96
5.4 設定尺寸 98
5.5 收縮適應 100
5.6 拉伸 102
第6章 框模型屬性 105
6.1 概述 105
6.2 外邊距 106
6.3 框線 108
6.4 內邊距 111
6.5 背景 113
6.6 溢出 115
6.7 可見性 117
6.8 分頁符 119
第7章 定位模型 121
7.1 概述 121
7.2 定位模型 122
7.3 設定位置 124
7.4 最近定位祖先元素 126
7.5 堆疊上下文 128
7.6 原子顯示 130
7.7 靜態定位 132
7.8 絕對定位 134
7.9 固定定位 136
7.10 相對定位 138
7.11 浮動定位與復位 140
7.12 相對浮動定位 142
第8章 定位方式：縮進、偏移與對齊 145
8.1 概述 145
8.2 縮進 146
8.3 靜態偏移 148
8.4 靜態表格偏移與縮進 150
8.5 浮動偏移 152
8.6 絕對偏移與固定偏移 154
8.7 相對偏移 156
8.8 靜態行內對齊 158
8.9 靜態塊級對齊與偏移 160
8.10 靜態表格對齊與偏移 162
8.11 絕對對齊與偏移 164
8.12 絕對居中對齊 166
8.13 外部對齊 168
第9章 高級定位 171
9.1 概述 171
9.2 左對齊 172
9.3 左偏移 174
9.4 右對齊 176
9.5 右偏移 178
9.6 居中對齊 180
9.7 居中偏移 182
9.8 上對齊 184
9.9 上偏移 186
9.10 下對齊 188
9.11 下偏移 190
9.12 垂直居中對齊 192
9.13 垂直居中偏移 194
第10章 設定文字樣式 197
10.1 概述 197
10.2 字型 198
10.3 高亮顯示 200
10.4 文字修飾 202
10.5 文字陰影 204
10.6 使用圖片替換文字 206
10.7 使用Canvas和VML替換文字 208
10.8 嵌入字型 210
10.9 不可見文字 212
10.10 僅供螢幕閱讀器讀取 214
第11章 內容間隔 217
11.1 間隔 218
11.2 塊級化 220
11.3 不換行 222
11.4 保留空格 224
11.5 代碼 226
11.6 填充內容 228
11.7 行內分隔區 230
11.8 行內裝飾 232
11.9 換行 234
11.10 行內水平線規則 236
第12章 內容對齊 239
12.1 文字縮進 240
12.2 懸掛縮進 242
12.3 水平對齊內容 244
12.4 垂直對齊內容 246
12.5 垂直偏移內容 248
12.6 下標與上標 250
12.7 嵌套對齊 252
12.8 高級對齊示例 254
第13章 塊級元素 257
13.1 概述 257
13.2 結構含義 258
13.3 可視化結構 260
13.4 節 262
13.5 列表 264
13.6 項目符號背景 266
13.7 行內化 268
13.8 合併外邊距 270
13.9 插入 272
13.10 水平線規則 274
13.11 塊級分隔區 276
13.12 塊級間隔刪除器 278
13.13 左旁註 280
13.14 右旁註 282
第14章 圖片 285
14.1 概述 285
14.2 圖片 286
14.3 圖片地圖 288
14.4 淡出 290
14.5 半透明 292
14.6 替換文字 294
14.7 內容覆蓋圖片 296
14.8 內容覆蓋背景圖片 298
14.9 CSS精靈圖 300
14.10 CSS精靈圖（續） 302
14.11 基本陰影圖片 304
14.12 陰影圖片 306
14.13 陰影圖片（續） 308
14.14 陰影圖片（再續） 310
14.15 圓角 312
14.16 圓角（續） 314
14.17 圖片示例 316
第15章 表格 319
15.1 概述 319
15.2 表格 320
15.3 行組與列組 322
15.4 表格選擇器 324
15.5 拆分框線 326
15.6 合併框線 328
15.7 合併框線樣式 330
15.8 隱藏與刪除單元格 332
15.9 刪除與隱藏行和列 334
15.10 垂直對齊數據 336
15.11 表格條紋 338
15.12 表格化、行化和單元格化 340
15.13 表格布局 342
第16章 表格列布局 345
16.1 表格布局模型 345
16.2 使用列布局 346
16.3 概述 346
16.4 列寬 348
16.5 收縮適應列 350
16.6 設定尺寸列 352
16.7 按內容比例劃分列 354
16.8 按寬度比例劃分列 356
16.9 按百分比比例劃分列 358
16.10 按反比例劃分列 360
16.11 最小等寬列 362
16.12 等寬列 364
16.13 小尺寸列 366
16.14 彈性列 368
16.15 混合列布局 370
第17章 布局 373
17.1 概述 373
17.2 流動布局概述 374
17.3 由外而內框 376
17.4 浮動節 380
17.5 浮動分隔區 382
17.6 流動布局 384
17.7 兩側浮動 386
17.8 事件樣式 388
17.9 捲起 390
17.10 選項卡選單 394
17.11 選項卡 398
17.12 飛出選單 402
17.13 按鈕 406
17.14 布局連結 410
17.15 多列布局 412
17.16 模板布局 414
17.17 布局示例 416
第18章 首字下沉 419
18.1 概述 419
18.2 對齊首字下沉 420
18.3 首字母下沉 422
18.4 懸掛首字下沉 424
18.5 嵌入式圖片下沉 426
18.6 浮動首字下沉 428
18.7 浮動圖片下沉 430
18.8 旁註式首字下沉 432
18.9 旁註式圖片下沉 434
第19章 突出引用與普通引用 437
19.1 概述 437
19.2 左浮動突出引用 438
19.3 右浮動突出引用 440
19.4 居中突出引用 442
19.5 左旁註突出引用 444
19.6 右旁註突出引用 446
19.7 塊級普通引用 448
19.8 行內塊級普通引用 450
19.9 行內普通引用 452
第20章 警告框 455
20.1 概述 455
20.2 JavaScript警告框 456
20.3 工具提示警告框 458
20.4 彈出式警告框 460
20.5 彈出式警告框（續） 462
20.6 警告框 464
20.7 行內警告框 466
20.8 懸掛式警告框 468
20.9 圖片警告框 470
20.10 插入警告框 472
20.11 浮動警告框 474
20.12 左旁註警告框 476
20.13 右旁註警告框 478
20.14 表單驗證 480
