HTML5與CSS3設(shè)計(jì)模式

定　價(jià)：￥89.00

作　者：	（美） Michael Bowers Dionysios Synodinos 著，曾少寧譯
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	XML

購(gòu)買這本書(shū)可以去

ISBN：	9787115299925	出版時(shí)間：	2013-01-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　繁瑣的CSS規(guī)則和各瀏覽器支持度的不統(tǒng)一素來(lái)都為網(wǎng)頁(yè)設(shè)計(jì)師所詬病。通過(guò)多年潛心研究與深入測(cè)試，作者歸納組合出了多達(dá)350條的設(shè)計(jì)模式，并結(jié)合了HTML5與CSS3的最新內(nèi)容與技巧，大大簡(jiǎn)化和豐富了設(shè)計(jì)過(guò)程。編排合理的內(nèi)容、由淺入深的講解方式，極具實(shí)用性的代碼范例......一覽本書(shū)，設(shè)計(jì)師的美妙靈感必能得以充分釋放，進(jìn)而創(chuàng)作出無(wú)窮可能的精致作品。新版加入了HTML5及CSS3全新功能，將所有的主流瀏覽器解決方法一網(wǎng)打盡，IE 6/7/8/9、Firefox7、Chrome 12、Opera 9還有Safari 5均能適用，無(wú)需依賴瀏覽器兼容性技巧。多達(dá)350種立即可用的模式（包含范例代碼段），僅需復(fù)制粘貼，就可應(yīng)用。仿佛孩童堆積樂(lè)高，每種模式都可與其他模式契合使用，創(chuàng)造無(wú)窮的精美效果。模式名稱顯明易懂，方便查閱引用。每種模式、范例及相關(guān)代碼都經(jīng)過(guò)精心設(shè)計(jì)，便捷高效。模式范例與詳盡說(shuō)明分列左右頁(yè)面，無(wú)需翻頁(yè)，即可一覽無(wú)余。模式講解由淺入深，層層銜接，易于閱讀。

作者簡(jiǎn)介

　　Michael Bowers，有22年編程生涯的老牌程序員。他從14歲那年就開(kāi)始自學(xué)編程，并一直勤奮不輟?，F(xiàn)在他的身份是首席工程師和企業(yè)信息技術(shù)架構(gòu)師。他曾在很多項(xiàng)目中擔(dān)當(dāng)過(guò)程序員、架構(gòu)師以及數(shù)據(jù)建模師等角色，在開(kāi)發(fā)網(wǎng)站、構(gòu)建應(yīng)用程序架構(gòu)和數(shù)據(jù)庫(kù)系統(tǒng)方面有豐富的經(jīng)驗(yàn)。除了開(kāi)發(fā)過(guò)Web應(yīng)用程序、集成企業(yè)信息系統(tǒng)、構(gòu)建工廠自動(dòng)化方案之外，他還開(kāi)發(fā)過(guò)編程語(yǔ)言、編譯器及解釋器，并且還管理過(guò)軟件團(tuán)隊(duì)。他最喜歡的編程語(yǔ)言包括：CSS、HTML、XML、C#、C++、Visual Basic、Java、JavaScript、SQL及XQuery。另外，Michael在鋼琴上的造詣?lì)H深。他擁有作曲專業(yè)的學(xué)士學(xué)位、樂(lè)理專業(yè)的碩士及準(zhǔn)博士學(xué)位（ABD PhD）。閑暇時(shí)，他喜歡即興演奏、編排音樂(lè)并譜曲。Dionysios Synodinos，C4Media的研究平臺(tái)團(tuán)隊(duì)主管，同時(shí)還是一位自由顧問(wèn)，關(guān)注互聯(lián)網(wǎng)富應(yīng)用程序、Web應(yīng)用程序安全性、移動(dòng)Web以及Web服務(wù)等。他還是InfoQ的HTML5及JavaScript方向的首席編輯，定期在網(wǎng)站上撰寫(xiě)一些有關(guān)JVM平臺(tái)的文章。游走于服務(wù)器端編程與UI設(shè)計(jì)10余年，他參與過(guò)不同的軟件項(xiàng)目，并且參與編寫(xiě)過(guò)多部技術(shù)書(shū)籍。Victor Sumner，LookSmart公司的高級(jí)軟件工程師。作為一位自學(xué)的Web程序開(kāi)發(fā)者，在一款Web程序的生命周期中，他要擔(dān)負(fù)很多角色，從數(shù)據(jù)庫(kù)管理員到Web設(shè)計(jì)師，所有的工作他都做過(guò)。他喜歡挑戰(zhàn)并解決棘手的問(wèn)題。他有很多業(yè)余愛(ài)好，包括攝影、騎馬、玩電子游戲等。他和妻子Alicia一起住在加拿大的安大略省。

圖書(shū)目錄

第1章　設(shè)計(jì)模式：簡(jiǎn)化CSS使用　　1
1.1 　設(shè)計(jì)模式——結(jié)構(gòu)化方法　　2
1.2 　使用設(shè)計(jì)模式　　2
1.3 　使用樣式表　　7
1.4 　CSS語(yǔ)法　　7
1.4.1 　CSS語(yǔ)法詳解　　8
1.4.2 　在CSS中使用空白字符　　9
1.4.3 　使用屬性值　　9
1.5 　使用層疊順序　　12
1.6 　簡(jiǎn)化層疊順序　　14
1.7 　CSS和HTML鏈接　　15
1.8 　CSS常用屬性　　16
1.9 　CSS屬性與值：常用　　17
1.10 　CSS屬性與值：內(nèi)容　　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下的常用字號(hào)　　23
1.19 　過(guò)渡、動(dòng)畫(huà)與2D變換　　23
1.20 　修復(fù)CSS錯(cuò)誤　　24
1.21 　樣式表的規(guī)范化　　26
第2章　HTML設(shè)計(jì)模式　　29
2.1 　概述　　29
2.2 　HTML結(jié)構(gòu)　　30
2.3 　HTML結(jié)構(gòu)（續(xù)）　　32
2.4 　XHTML　　37
2.5 　DOCTYPE　　39
2.6 　頁(yè)頭元素　　41
2.7 　條件樣式表　　43
2.8 　結(jié)構(gòu)塊元素　　45
2.9 　終止塊元素　　47
2.10 　多功能塊元素　　49
2.11 　行內(nèi)元素　　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 　行內(nèi)框　　80
4.5 　行內(nèi)塊級(jí)框　　82
4.6 　塊級(jí)框　　84
4.7 　表格框　　86
4.8 　絕對(duì)框　　88
4.9 　浮動(dòng)框　　90
第5章　框模型的范圍　　93
5.1 　概述　　93
5.2 　寬度　　94
5.3 　高度　　96
5.4 　設(shè)定尺寸　　98
5.5 　收縮適應(yīng)　　100
5.6 　拉伸　　102
第6章　框模型屬性　　105
6.1 　概述　　105
6.2 　外邊距　　106
6.3 　邊框　　108
6.4 　內(nèi)邊距　　111
6.5 　背景　　113
6.6 　溢出　　115
6.7 　可見(jiàn)性　　117
6.8 　分頁(yè)符　　119
第7章　定位模型　　121
7.1 　概述　　121
7.2 　定位模型　　122
7.3 　設(shè)定位置　　124
7.4 　最近定位祖先元素　　126
7.5 　堆疊上下文　　128
7.6 　原子顯示　　130
7.7 　靜態(tài)定位　　132
7.8 　絕對(duì)定位　　134
7.9 　固定定位　　136
7.10 　相對(duì)定位　　138
7.11 　浮動(dòng)定位與復(fù)位　　140
7.12 　相對(duì)浮動(dòng)定位　　142
第8章　定位方式：縮進(jìn)、偏移與對(duì)齊　　145
8.1 　概述　　145
8.2 　縮進(jìn)　　146
8.3 　靜態(tài)偏移　　148
8.4 　靜態(tài)表格偏移與縮進(jìn)　　150
8.5 　浮動(dòng)偏移　　152
8.6 　絕對(duì)偏移與固定偏移　　154
8.7 　相對(duì)偏移　　156
8.8 　靜態(tài)行內(nèi)對(duì)齊　　158
8.9 　靜態(tài)塊級(jí)對(duì)齊與偏移　　160
8.10 　靜態(tài)表格對(duì)齊與偏移　　162
8.11 　絕對(duì)對(duì)齊與偏移　　164
8.12 　絕對(duì)居中對(duì)齊　　166
8.13 　外部對(duì)齊　　168
第9章　高級(jí)定位　　171
9.1 　概述　　171
9.2 　左對(duì)齊　　172
9.3 　左偏移　　174
9.4 　右對(duì)齊　　176
9.5 　右偏移　　178
9.6 　居中對(duì)齊　　180
9.7 　居中偏移　　182
9.8 　上對(duì)齊　　184
9.9 　上偏移　　186
9.10 　下對(duì)齊　　188
9.11 　下偏移　　190
9.12 　垂直居中對(duì)齊　　192
9.13 　垂直居中偏移　　194
第10章　設(shè)置文字樣式　　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 　不可見(jiàn)文字　　212
10.10 　僅供屏幕閱讀器讀取　　214
第11章　內(nèi)容間隔　　217
11.1 　間隔　　218
11.2 　塊級(jí)化　　220
11.3 　不換行　　222
11.4 　保留空格　　224
11.5 　代碼　　226
11.6 　填充內(nèi)容　　228
11.7 　行內(nèi)分隔區(qū)　　230
11.8 　行內(nèi)裝飾　　232
11.9 　換行　　234
11.10 　行內(nèi)水平線規(guī)則　　236
第12章　內(nèi)容對(duì)齊　　239
12.1 　文字縮進(jìn)　　240
12.2 　懸掛縮進(jìn)　　242
12.3 　水平對(duì)齊內(nèi)容　　244
12.4 　垂直對(duì)齊內(nèi)容　　246
12.5 　垂直偏移內(nèi)容　　248
12.6 　下標(biāo)與上標(biāo)　　250
12.7 　嵌套對(duì)齊　　252
12.8 　高級(jí)對(duì)齊示例　　254
第13章　塊級(jí)元素　　257
13.1 　概述　　257
13.2 　結(jié)構(gòu)含義　　258
13.3 　可視化結(jié)構(gòu)　　260
13.4 　節(jié)　　262
13.5 　列表　　264
13.6 　項(xiàng)目符號(hào)背景　　266
13.7 　行內(nèi)化　　268
13.8 　合并外邊距　　270
13.9 　插入　　272
13.10 　水平線規(guī)則　　274
13.11 　塊級(jí)分隔區(qū)　　276
13.12 　塊級(jí)間隔刪除器　　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 　內(nèi)容覆蓋圖片　　296
14.8 　內(nèi)容覆蓋背景圖片　　298
14.9 　CSS精靈圖　　300
14.10 　CSS精靈圖（續(xù)）　　302
14.11 　基本陰影圖片　　304
14.12 　陰影圖片　　306
14.13 　陰影圖片（續(xù)）　　308
14.14 　陰影圖片（再續(xù)）　　310
14.15 　圓角　　312
14.16 　圓角（續(xù)）　　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 　垂直對(duì)齊數(shù)據(jù)　　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 　收縮適應(yīng)列　　350
16.6 　設(shè)定尺寸列　　352
16.7 　按內(nèi)容比例劃分列　　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 　流動(dòng)布局概述　　374
17.3 　由外而內(nèi)框　　376
17.4 　浮動(dòng)節(jié)　　380
17.5 　浮動(dòng)分隔區(qū)　　382
17.6 　流動(dòng)布局　　384
17.7 　兩側(cè)浮動(dòng)　　386
17.8 　事件樣式　　388
17.9 　卷起　　390
17.10 　選項(xiàng)卡菜單　　394
17.11 　選項(xiàng)卡　　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 　對(duì)齊首字下沉　　420
18.3 　首字母下沉　　422
18.4 　懸掛首字下沉　　424
18.5 　嵌入式圖片下沉　　426
18.6 　浮動(dòng)首字下沉　　428
18.7 　浮動(dòng)圖片下沉　　430
18.8 　旁注式首字下沉　　432
18.9 　旁注式圖片下沉　　434
第19章　突出引用與普通引用　　437
19.1 　概述　　437
19.2 　左浮動(dòng)突出引用　　438
19.3 　右浮動(dòng)突出引用　　440
19.4 　居中突出引用　　442
19.5 　左旁注突出引用　　444
19.6 　右旁注突出引用　　446
19.7 　塊級(jí)普通引用　　448
19.8 　行內(nèi)塊級(jí)普通引用　　450
19.9 　行內(nèi)普通引用　　452
第20章　警告框　　455
20.1 　概述　　455
20.2 　JavaScript警告框　　456
20.3 　工具提示警告框　　458
20.4 　彈出式警告框　　460
20.5 　彈出式警告框（續(xù)）　　462
20.6 　警告框　　464
20.7 　行內(nèi)警告框　　466
20.8 　懸掛式警告框　　468
20.9 　圖片警告框　　470
20.10 　插入警告框　　472
20.11 　浮動(dòng)警告框　　474
20.12 　左旁注警告框　　476
20.13 　右旁注警告框　　478
20.14 　表單驗(yàn)證　　480