HTML5與CSS3設計模式

換行23411.10 圖片28514.1 圓角31214.16

內容介紹

《HTML5與CSS3設計模式》是一部全面講述用HTML5和CSS3設計網頁的教程。書中含350個即時可用的模式(HTML5和CSS3代碼片段),直接複製貼上即可使用,更可以組合起來構建出無窮的解決方案。每個模式都可在所有主流Web瀏覽器中可靠地運行。《HTML5與CSS3設計模式》系統地介紹了CSS3的每個可用特性,並結合了HTML5來創建可重用的模式。另外,《HTML5與CSS3設計模式》布局巧妙,各個模式的示例在左邊,說明在右邊,非常便於查找。
《HTML5與CSS3設計模式》適合具有HTML和CSS基礎的讀者學習參考。

作者介紹

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  XHTML37
2.5  DOCTYPE39
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  Display76
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

相關詞條

相關搜尋

熱門詞條

聯絡我們