HTML+CSS開發(fā)指南

第一篇　HTML應(yīng)用
第1章　認(rèn)識HTML　3
1.1　了解Internet、Web和HTML　3
1.1.1　認(rèn)識Internet　3
1.1.2　什么是Web　4
1.1.3　什么是網(wǎng)頁　5
1.1.4　什么是HTML　5
1.1.5　什么是超級鏈接　5
1.1.6　常用的瀏覽器　6
1.1.7　Web常用格式　8
1.2　了解URL　9
1.2.1　什么是URL　10
1.2.2　URL的組成部分　10
1.2.3　URL中的端口　12
1.2.4　其他URL類型　13
1.3　HTML元素與標(biāo)簽　14
1.3.1　HTML元素與標(biāo)簽的結(jié)構(gòu)　15
1.3.2　元素的屬性　16
1.3.3　嵌套標(biāo)簽　17
1.3.4　空格與特殊字符　19
1.4　創(chuàng)建一個網(wǎng)頁　20
1.4.1　使用什么編輯網(wǎng)頁　20
1.4.2　創(chuàng)建網(wǎng)頁　22
1.4.3　瀏覽網(wǎng)頁文件　23
1.4.4　查看HTML源代碼　23
1.4.5　使用縮進(jìn)增加代碼可讀性　24
1.4.6　使用注釋增加代碼可讀性　24
1.5　網(wǎng)頁的基本元素　25
1.5.1　HTML元素　25
1.5.2　HEAD元素　25
1.5.3　TITLE元素　25
1.5.4　BODY元素　26
1.6　小結(jié)　26
第2章　設(shè)計網(wǎng)頁正文　27
2.1　文字格式　27
2.1.1　設(shè)置文字大小　27
2.1.2　標(biāo)題元素　28
2.1.3　加大與縮小　30
2.1.4　設(shè)置字體　31
2.1.5　設(shè)置文字的顏色　33
2.1.6　粗體與斜體　37
2.1.7　上標(biāo)與下標(biāo)　38
2.1.8　刪除線與下劃線　38
2.1.9　綜合使用字體屬性　39
2.1.10　設(shè)置等寬字體　40
2.2　段落格式　40
2.2.1　簡單換行　40
2.2.2　換行并清除格式　41
2.2.3　開始一個新段落　42
2.2.4　文字居左、居中與居右　43
2.2.5　設(shè)置段落的文字方向　44
2.2.6　設(shè)置段落的語言與標(biāo)題　45
2.2.7　水平線　47
2.2.8　自動換行與不換行　48
2.2.9　預(yù)定義格式　50
2.2.10　塊引用　51
2.2.11　其他引用元素　52
2.3　特殊效果　53
2.3.1　設(shè)置文字閃爍　53
2.3.2　滾動文字　53
2.3.3　其他　54
2.4　網(wǎng)頁整體設(shè)計　55
2.4.1　背景顏色　55
2.4.2　背景圖片　56
2.4.3　絕對路徑與相對路徑　57
2.4.4　網(wǎng)頁邊距　58
2.4.5　設(shè)置網(wǎng)頁默認(rèn)字體大小　60
2.4.6　設(shè)置文本的默認(rèn)顏色　61
2.4.7　設(shè)置超級鏈接顏色　62
2.4.8　設(shè)置網(wǎng)頁的其他信息　63
2.5　小結(jié)　65
第3章　HTML中的超級鏈接　66
3.1　創(chuàng)建超級鏈接　66
3.1.1　超級鏈接元素　66
3.1.2　設(shè)置鏈接目標(biāo)　67
3.1.3　設(shè)置鏈接標(biāo)題　69
3.1.4　設(shè)置打開鏈接的窗口　69
3.2　有關(guān)超級鏈接的地址　71
3.2.1　絕對URL　72
3.2.2　相對URL　72
3.2.3　默認(rèn)網(wǎng)頁　72
3.3　創(chuàng)建錨　74
3.3.1　錨與命名錨　74
3.3.2　創(chuàng)建本頁命名錨鏈接　74
3.3.3　鏈接到其他網(wǎng)頁上的命名錨　76
3.4　其他屬性及應(yīng)用　77
3.4.1　設(shè)置超級鏈接的Tab順序　77
3.4.2　設(shè)置超級鏈接快捷鍵　78
3.4.3　指定目標(biāo)網(wǎng)頁的字符編碼方式　79
3.4.4　指定目標(biāo)網(wǎng)頁里使用的語言　80
3.4.5　指定鏈接目標(biāo)的文件類型　81
3.4.6　目標(biāo)網(wǎng)頁與當(dāng)前網(wǎng)頁的關(guān)系　82
3.4.7　使用超級鏈接的注意事項　82
3.5　小結(jié)　84
第4章　HTML中的圖片　85
4.1　在網(wǎng)頁中插入圖片　85
4.1.1　圖片元素　85
4.1.2　圖片位置　86
4.1.3　設(shè)置圖片大小　87
4.1.4　設(shè)置圖片的邊框　89
4.1.5　使用文本說明　90
4.2　圖片的對齊方式　91
4.2.1　水平對齊方式　91
4.2.2　垂直對齊方式　92
4.2.3　非標(biāo)準(zhǔn)的對齊方式　93
4.3　設(shè)置圖片鏈接　96
4.3.1　將整個圖片設(shè)為鏈接　97
4.3.2　將圖片分為多個單擊區(qū)域　98
4.4　IMG元素的其他屬性　100
4.4.1　圖片與文字之間的間隔　100
4.4.2　低品質(zhì)圖片　101
4.5　圖片的相關(guān)應(yīng)用　101
4.5.1　常用的圖片格式　102
4.5.2　圖片載入方式　103
4.5.3　在瀏覽器里設(shè)置禁止顯示圖片　103
4.6　小結(jié)　105
第5章　HTML中的列表　106
5.1　列表介紹　106
5.2　無序列表　107
5.2.1　創(chuàng)建無序列表　107
5.2.2　更改項目標(biāo)識符　108
5.2.3　單獨更改項目標(biāo)識符　109
5.2.4　縮小項目中的行間距　110
5.3　有序列表　110
5.3.1　創(chuàng)建有序列表　110
5.3.2　指定有序列表項目編號類型　112
5.3.3　單獨更改項目編號類型　113
5.3.4　指定列表的開始編號　114
5.3.5　更改某個項目編號　115
5.4　定義列表　116
5.4.1　創(chuàng)建定義列表　116
5.4.2　定義列表的不規(guī)范應(yīng)用　117
5.5　目錄列表和菜單列表　119
5.5.1　目錄列表　119
5.5.2　菜單列表　120
5.6　列表的嵌套　122
5.6.1　無序列表的嵌套　122
5.6.2　有序列表的嵌套　123
5.6.3　列表的混合嵌套　124
5.7　小結(jié)　125
第6章　HTML中的表格　126
6.1　理解表格　126
6.2　創(chuàng)建表格　127
6.2.1　創(chuàng)建簡單表格　127
6.2.2　指定表格列數(shù)　130
6.2.3　設(shè)置表格表頭　131
6.2.4　表格寬度　132
6.2.5　表格高度　135
6.2.6　表格對齊方式　137
6.2.7　表格背景顏色　139
6.2.8　表格背景圖片　141
6.2.9　單元格文字垂直對齊　142
6.2.10　表格描述　143
6.2.11　表格與文本的間隔　144
6.2.12　表格標(biāo)題　146
6.2.13　標(biāo)題的對齊方式　147
6.3　表格邊框設(shè)置　148
6.3.1　設(shè)置表格邊框粗細(xì)　148
6.3.2　修飾表格的邊框　150
6.3.3　修飾表格的內(nèi)部邊界線　151
6.3.4　設(shè)置表格邊框顏色　152
6.3.5　設(shè)置表格亮邊框與暗邊框顏色　153
6.4　行與單元格的設(shè)置　155
6.4.1　單元格跨列　155
6.4.2　單元格跨行　156
6.4.3　行與單元格文字對齊　158
6.4.4　單元格寬度　160
6.4.5　行與單元格高度　161
6.4.6　行與單元格背景顏色　163
6.4.7　行與單元格背景圖片　164
6.4.8　單元格間距　165
6.4.9　單元格填充　166
6.4.10　行與單元格邊框顏色　168
6.4.11　行與單元格的亮邊框和暗邊框顏色　169
6.4.12　禁止文本在單元格中自動換行　170
6.5　其他表格運用　172
6.5.1　表頭行　172
6.5.2　表注行　173
6.5.3　行組元素　175
6.5.4　列組元素　176
6.5.5　使用SCOPE屬性建立表頭與數(shù)據(jù)單元格的聯(lián)系　179
6.5.6　使用HEADERS屬性建立表頭與數(shù)據(jù)單元格的聯(lián)系　182
6.5.7　縮寫表頭　184
6.5.8　為表格數(shù)據(jù)分類　185
6.6　使用表格的技巧　186
6.6.1　設(shè)置細(xì)邊框的表格　186
6.6.2　設(shè)置頁邊距　187
6.6.3　導(dǎo)航條　189
6.6.4　使用表格為網(wǎng)頁排版　190
6.6.5　使用表格的優(yōu)缺點　191
6.7　小結(jié)　191
第7章　HTML中的框架　192
7.1　框架介紹　192
7.1.1　什么是框架　192
7.1.2　使用框架的優(yōu)缺點　193
7.2　創(chuàng)建框架　195
7.2.1　創(chuàng)建簡單的框架　195
7.2.2　創(chuàng)建復(fù)雜的框架　197
7.2.3　瀏覽器不支持框架的處理方法　198
7.3　框架屬性　199
7.3.1　隱藏或顯示框架邊框　199
7.3.2　框架邊框?qū)挾取?02
7.3.3　框架邊框顏色　203
7.3.4　框架滾動條　204
7.3.5　固定框架　205
7.3.6　框架頁邊界　206
7.3.7　框架標(biāo)簽　207
7.4　在框架中使用超級鏈接　207
7.4.1　鏈接到命名框架窗口　207
7.4.2　設(shè)置默認(rèn)目標(biāo)　209
7.4.3　鏈接到特定框架窗口　210
7.5　嵌入式框架　213
7.5.1　創(chuàng)建嵌入式框架　213
7.5.2　瀏覽器不支持嵌入式框架的處理　214
7.5.3　嵌入式框架的其他屬性　215
7.6　小結(jié)　215
第8章　HTML中的表單　216
8.1　表單介紹　216
8.1.1　表單　216
8.1.2　表單的作用　216
8.2　FORM元素　217
8.3　單行文本框　218
8.3.1　創(chuàng)建單行文本框　218
8.3.2　設(shè)置單行文本框的長度　219
8.3.3　設(shè)置單行文本框里可輸入字?jǐn)?shù)的限制　219
8.3.4　設(shè)置單行文本框的默認(rèn)值　220
8.4　多行文本框　221
8.4.1　創(chuàng)建多行文本框　221
8.4.2　設(shè)置多行文本框的大小　222
8.4.3　設(shè)置多行文本框的換行　223
8.4.4　設(shè)置多行文本框的默認(rèn)值　224
8.5　密碼框　225
8.6　單選框　225
8.6.1　創(chuàng)建一個單選框組　226
8.6.2　創(chuàng)建多個單選框組　226
8.6.3　設(shè)置單選框選中狀態(tài)　227
8.7　復(fù)選框　228
8.7.1　創(chuàng)建一個復(fù)選框　228
8.7.2　創(chuàng)建復(fù)選框組　229
8.7.3　設(shè)置復(fù)選框選中狀態(tài)　230
8.8　下拉列表框　231
8.8.1　普通下拉列表框　231
8.8.2　多行下拉列表框　232
8.8.3　可多選的下拉列表框　233
8.8.4　帶有子菜單的下拉列表框　234
8.8.5　設(shè)置下拉列表框選中狀態(tài)　235
8.9　文件選擇框　236
8.10　按鈕　238
8.10.1　提交按鈕　238
8.10.2　清除按鈕　239
8.10.3　普通按鈕　240
8.10.4　在按鈕中加載圖片　241
8.10.5　使用INPUT元素創(chuàng)建按鈕　242
8.10.6　圖片按鈕　244
8.11　隱藏域　244
8.12　標(biāo)簽　246
8.12.1　標(biāo)簽的顯式聯(lián)系　246
8.12.2　標(biāo)簽的隱式聯(lián)系　247
8.13　分組　248
8.13.1　分組元素　249
8.13.2　描述組元素　250
8.14　ISINDEX元素　251
8.15　INPUT元素總結(jié)　252
8.16　表單的運用　253
8.16.1　設(shè)置Tab次序　253
8.16.2　設(shè)置快捷鍵　254
8.16.3　禁用表單控件　255
8.16.4　表單控件只讀化　256
8.16.5　提交郵件　256
8.16.6　抄送與密送郵件　259
8.17　與服務(wù)器互動　260
8.17.1　表單提交到哪里　260
8.17.2　表單提交類型　261
8.17.3　編碼類型　262
8.17.4　打開窗口　264
8.17.5　可接收字符集　265
8.17.6　有效性控制　266
8.18　小結(jié)　267
第9章　在HTML中運用多媒體　268
9.1　理解多媒體　268
9.1.1　什么是多媒體　268
9.1.2　應(yīng)用程序與網(wǎng)頁插件　269
9.2　圖像媒體　271
9.2.1　圖片格式　271
9.2.2　獲取圖片　275
9.2.3　轉(zhuǎn)換圖片格式　275
9.2.4　制作透明背景的GIF圖片　276
9.2.5　制作GIF動畫　279
9.2.6　插入不被瀏覽器支持的圖片　281
9.3　聲音媒體　282
9.3.1　聲音類型　283
9.3.2　聲音格式　283
9.3.3　獲得聲音文件　286
9.3.4　音頻格式轉(zhuǎn)換　290
9.3.5　在網(wǎng)頁中插入聲音　291
9.3.6　在網(wǎng)頁中插入背景聲音　294
9.4　視頻媒體　296
9.4.1　視頻類型　296
9.4.2　視頻格式　297
9.4.3　轉(zhuǎn)換視頻文件格式　299
9.4.4　在網(wǎng)頁里插入視頻文件　300
9.5　Flash動畫　301
9.5.1　Flash動畫介紹　301
9.5.2　動畫與視頻的區(qū)別　302
9.5.3　在網(wǎng)頁里插入Flash文件　303
9.6　在網(wǎng)頁中插入多媒體文件　304
9.6.1　OBJECT元素　304
9.6.2　PARAM元素　306
9.6.3　加載Windows Media Player 9.0控件　306
9.6.4　加載Windows Media Player 6.4控件　309
9.6.5　加載RealPlay控件　313
9.6.6　加載QuickTime控件　315
9.6.7　加載Flash控件　316
9.6.8　與EMBED元素聯(lián)合使用　317
9.7　可執(zhí)行內(nèi)容　319
9.7.1　Applet介紹　319
9.7.2　使用APPLET元素插入Applet　320
9.7.3　使用OBJECT元素插入Applet　321
9.8　小結(jié)　322
第二篇　XML和XHTML應(yīng)用
第10章　XML　325
10.1　XML介紹　325
10.1.1　什么是XML　325
10.1.2　XML的作用　326
10.1.3　簡單的XML文件　326
10.1.4　瀏覽XML文件　327
10.2　設(shè)計XML　328
10.2.1　XML文件結(jié)構(gòu)　329
10.2.2　聲明區(qū)　329
10.2.3　數(shù)據(jù)區(qū)　331
10.2.4　定義區(qū)　332
10.3　XML語法　332
10.3.1　標(biāo)簽與空標(biāo)簽　332
10.3.2　區(qū)分大小寫　334
10.3.3　設(shè)置屬性　335
10.3.4　特殊字符　336
10.3.5　CDATA標(biāo)簽　337
10.3.6　標(biāo)簽嵌套　338
10.3.7　注釋　339
10.4　數(shù)據(jù)結(jié)構(gòu)定義　340
10.4.1　內(nèi)部DTD聲明方法　340
10.4.2　外部DTD聲明方法　341
10.4.3　內(nèi)外部DTD結(jié)合聲明方法　342
10.4.4　格式正確的(Well-Formed)XML文件　343
10.4.5　有效的(Validating)XML文件　344
10.4.6　檢驗Well-Formed XML與Validating XML　345
10.5　標(biāo)簽類型　347
10.5.1　#PCDATA類型　347
10.5.2　EMPTY類型　348
10.5.3　ANY類型　349
10.5.4　嵌套的標(biāo)簽聲明　349
10.5.5　混合的標(biāo)簽聲明　351
10.5.6　標(biāo)簽的出現(xiàn)次數(shù)　353
10.6　實體　354
10.6.1　內(nèi)部實體　355
10.6.2　外部實體　356
10.6.3　在DTD聲明中使用實體　358
10.6.4　參數(shù)型實體　359
10.6.5　實體的混合使用　360
10.7　標(biāo)簽屬性　362
10.7.1　標(biāo)簽屬性的介紹　362
10.7.2　設(shè)置標(biāo)簽屬性　363
10.7.3　標(biāo)簽屬性的類型　365
10.7.4　標(biāo)簽屬性值的數(shù)據(jù)類型　367
10.7.5　指定標(biāo)簽屬性值范圍　372
10.7.6　處理XML文件中的空格　373
10.8　命名空間　373
10.8.1　什么是命名沖突　373
10.8.2　使用標(biāo)簽前綴解決命名沖突　374
10.8.3　命名空間　375
10.8.4　內(nèi)定命名空間　376
10.9　小結(jié)　377
第11章　XHTML　378
11.1　XHTML簡介　378
11.1.1　HTML的隨意性　378
11.1.2　XHTML介紹　380
11.1.3　XHTML與HTML的區(qū)別　382
11.2　從HTML過渡到XHTML　383
11.2.1　為HTML文檔添上類型聲明　383
11.2.2　為HTML文件添加DTD　384
11.2.3　為HTML文件添加命名空間　386
11.2.4　處理單標(biāo)簽　386
11.2.5　元素與屬性名稱必須小寫　386
11.2.6　屬性值必須使用引號　387
11.2.7　屬性必須有值　388
11.2.8　使用id屬性　388
11.2.9　將腳本文檔使用外部調(diào)用　388
11.3　XHTML校驗　389
11.3.1　為什么要做語法校驗　389
11.3.2　如何校驗XHTML　390
11.3.3　校驗XHTML時的常見錯誤信息　394
11.4　使用工具將HTML轉(zhuǎn)換為XHTML　395
11.4.1　HTML Tidy　395
11.4.2　Tidy GUI　399
11.5　小結(jié)　401
第三篇　CSS應(yīng)用
第12章　CSS介紹　405
12.1　CSS簡介　405
12.1.1　HTML混亂的原因　405
12.1.2　HTML混亂的不便之處　405
12.1.3　CSS使HTML不再混亂　406
12.2　CSS的作用　407
12.2.1　豐富的表現(xiàn)形式　407
12.2.2　代碼簡化　408
12.2.3　網(wǎng)站風(fēng)格的統(tǒng)一　409
12.3　使用CSS 的方法　411
12.3.1　內(nèi)聯(lián)樣式　411
12.3.2　內(nèi)部樣式　412
12.3.3　外部樣式　413
12.3.4　引用多個樣式表　414
12.3.5　使用@import引用外部樣式　416
12.3.6　使用@import引用多個外部樣式　417
12.3.7　CSS注釋　417
12.4　選擇符　419
12.4.1　選擇符的基本語法　419
12.4.2　類型選擇符　419
12.4.3　類選擇符　420
12.4.4　ID選擇符　424
12.4.5　包含選擇符　425
12.4.6　選擇符分組　428
12.4.7　通用選擇符　429
12.4.8　子選擇符　431
12.4.9　相鄰選擇符　433
12.4.10　屬性選擇符　434
12.4.11　偽類與偽元素　439
12.5　解決樣式?jīng)_突　442
12.5.1　樣式的繼承性　442
12.5.2　樣式的層疊　443
12.5.3　優(yōu)先性　445
12.5.4　重要性　448
12.5.5　其他沖突　449
12.6　CSS中的單位　451
12.6.1　顏色單位　451
12.6.2　長度單位　451
12.6.3　時間單位　452
12.6.4　角度單位　452
12.6.5　頻率單位　452
12.7　CSS校驗　453
12.8　小結(jié)　454
第13章　字體樣式　455
13.1　基本樣式　455
13.1.1　字體　455
13.1.2　文字大小　458
13.1.3　粗體　465
13.1.4　斜體　467
13.1.5　文字變形　468
13.1.6　綜合設(shè)置　470
13.2　修飾　472
13.2.1　文字修飾　472
13.2.2　陰影　474
13.2.3　大小寫轉(zhuǎn)換　475
13.3　間距　476
13.3.1　行間距　476
13.3.2　字間距　478
13.3.3　詞間距　479
13.4　小結(jié)　481
第14章　文本樣式　482
14.1　縮進(jìn)與對齊　482
14.1.1　縮進(jìn)　482
14.1.2　負(fù)縮進(jìn)　484
14.1.3　水平對齊　485
14.1.4　垂直對齊　487
14.1.5　兩端對齊　492
14.2　文字方向　495
14.2.1　文本流入方向　495
14.2.2　文字方向　496
14.2.3　文字豎寫　498
14.3　空格與換行　499
14.3.1　空格的處理方式　499
14.3.2　詞間換行　501
14.4　首字與首行樣式　503
14.4.1　首字樣式　503
14.4.2　首行樣式　504
14.5　網(wǎng)格　505
14.5.1　字符網(wǎng)格尺寸　505
14.5.2　行網(wǎng)格尺寸　507
14.5.3　是否使用網(wǎng)格模式　508
14.5.4　網(wǎng)格類型　510
14.5.5　綜合設(shè)置　511
14.6　設(shè)置輸入法狀態(tài)　512
14.7　小結(jié)　513
第15章　顏色與背景樣式　514
15.1　前景色　514
15.2　背景色　516
15.3　背景圖片　517
15.3.1　簡單應(yīng)用　517
15.3.2　固定背景圖片　518
15.3.3　背景圖片平鋪方式　521
15.3.4　背景圖片定位　522
15.3.5　IE的背景圖片定位　525
15.4　綜合使用　526
15.5　小結(jié)　528
第16章　邊框、邊距與填充　529
16.1　寬度與高度　529
16.1.1　寬度　529
16.1.2　高度　531
16.2　邊框　533
16.2.1　邊框?qū)挾取?33
16.2.2　設(shè)置不同的邊框?qū)挾取?36
16.2.3　設(shè)置單個邊框?qū)挾取?37
16.2.4　邊框樣式　539
16.2.5　設(shè)置不同的邊框樣式　542
16.2.6　設(shè)置單個邊框樣式　543
16.2.7　邊框顏色　545
16.2.8　設(shè)置不同的邊框顏色　547
16.2.9　設(shè)置單個邊框顏色　548
16.2.10　綜合設(shè)置邊框樣式　550
16.2.11　綜合設(shè)置單個邊框樣式　553
16.3　邊距　555
16.3.1　設(shè)置邊距　555
16.3.2　設(shè)置不同方向的邊距　557
16.3.3　設(shè)置單個方向的邊距　559
16.3.4　靈活運用　561
16.4　填充　561
16.4.1　設(shè)置填充　562
16.4.2　設(shè)置不對稱的填充　563
16.4.3　設(shè)置單側(cè)填充　564
16.4.4　靈活運用　565
16.5　輪廓　566
16.5.1　輪廓寬度　566
16.5.2　輪廓顏色　567
16.5.3　輪廓樣式　567
16.5.4　綜合設(shè)置　568
16.6　小結(jié)　568
第17章　表格樣式　569
17.1　邊框合并　569
17.2　邊框間距　571
17.3　表格標(biāo)題位置　572
17.4　顯示或隱藏?zé)o內(nèi)容單元格的邊框　575
17.5　保持表格布局　575
17.6　朗讀表格標(biāo)題的方式　579
17.7 小結(jié)　580
第18章　列表樣式　581
18.1　用圖片代替標(biāo)號　581
18.2　豐富列表前的標(biāo)號　583
18.3　標(biāo)號顯示方式　586
18.4　列表間距　587
18.5　綜合設(shè)置　588
18.6　小結(jié)　589
第19章　滾動條樣式　590
19.1　顏色　590
19.2　基準(zhǔn)顏色　591
19.3　拖動區(qū)域顏色　593
19.4　方向箭頭顏色　594
19.5　亮邊框顏色　595
19.6　暗邊框顏色　596
19.7　3D亮邊顏色　598
19.8　小結(jié)　599
第20章　超級鏈接樣式　600
20.1　未訪問前的樣式　600
20.2　鼠標(biāo)?？繒r的樣式　601
20.3　單擊時的樣式　602
20.4　訪問后的樣式　603
20.5　小結(jié)　604
第21章　版式　605
21.1　定位　605
21.1.1　定位的模式　605
21.1.2　偏移　605
21.1.3　綜合運用　606
21.2　層疊次序　614
21.2.1　普通層疊次序　614
21.2.2　嵌套對象的層疊次序　616
21.2.3　多個嵌套對象的層疊次序　617
21.3　高度與寬度　618
21.3.1　對象的高度與寬度　618
21.3.2　限制最小高度與最小寬度　620
21.3.3　限制最大高度與最大寬度　621
21.4　浮動與清除浮動　622
21.4.1　浮動的概念　623
21.4.2　浮動與定位的區(qū)別　623
21.4.3　浮動的方式　623
21.4.4　清除浮動　624
21.5　溢出與剪切　626
21.5.1　溢出　626
21.5.2　剪切　629
21.5.3　溢出的其他設(shè)置　632
21.6　顯示與隱藏　636
21.6.1　對象的可見性　636
21.6.2　顯示對象　638
21.7　小結(jié)　644
第22章　其他控制　645
22.1　光標(biāo)　645
22.2　縮放　649
22.3　打印控制　650
22.3.1　插入分頁符　650
22.3.2　頁面標(biāo)記　653
22.3.3　距離頁上下邊的行距　653
22.3.4　頁面大小　653
22.3.5　設(shè)置頁面版式　654
22.3.6　為塊元素指定頁屬性　656
22.4　聲音　657
22.4.1　發(fā)音控制　657
22.4.2　音量控制　658
22.4.3　聲音類型　659
22.4.4　語速控制　659
22.4.5　暫?？刂啤?60
22.4.6　聲音提示　661
22.4.7　背景聲音　663
22.4.8　空間屬性　663
22.4.9　語調(diào)控制　665
22.4.10　重音設(shè)置　666
22.4.11　激昂程度設(shè)置　666
22.5　內(nèi)容　666
22.5.1　添加內(nèi)容　667
22.5.2　計數(shù)器計數(shù)　668
22.5.3　計數(shù)器復(fù)位　670
22.5.4　嵌套標(biāo)記　672
22.6　小結(jié)　674
第23章　濾鏡　675
23.1　靜態(tài)濾鏡　675
23.1.1　透明漸變?yōu)V鏡　675
23.1.2　背景圖片濾鏡　677
23.1.3　色彩處理與旋轉(zhuǎn)濾鏡　679
23.1.4　模糊濾鏡　681
23.1.5　顏色濾鏡　683
23.1.6　陰影濾鏡　685
23.1.7　浮雕濾鏡　687
23.1.8　發(fā)光濾鏡　688
23.1.9　背景顏色漸變?yōu)V鏡　689
23.1.10　光照濾鏡　690
23.1.11　遮罩濾鏡　693
23.1.12　旋轉(zhuǎn)濾鏡　694
23.1.13　運動模糊濾鏡　696
23.1.14　波紋濾鏡　697
23.1.15　X光濾鏡　699
23.1.16　灰度濾鏡　699
23.1.17　反相濾鏡　700
23.1.18　水平翻轉(zhuǎn)濾鏡　701
23.1.19　垂直翻轉(zhuǎn)濾鏡　702
23.2　動態(tài)濾鏡　703
23.2.1　拉門效果濾鏡　703
23.2.2　百頁窗效果濾鏡　706
23.2.3　國際象棋效果濾鏡　708
23.2.4　漸淡效果濾鏡　709
23.2.5　擦去效果濾鏡　712
23.2.6　插入效果濾鏡　714
23.2.7　擴張或收縮效果濾鏡　715
23.2.8　方塊漸變效果濾鏡　717
23.2.9　刮雨器效果濾鏡　719
23.2.10　條形效果濾鏡　721
23.2.11　溶解效果濾鏡　723
23.2.12　推離效果濾鏡　725
23.2.13　螺旋效果濾鏡　727
23.2.14　拉伸效果濾鏡　729
23.2.15　剝離效果濾鏡　731
23.2.16　風(fēng)車效果濾鏡　733
23.2.17　擦地板效果濾鏡　735
23.2.18　多種轉(zhuǎn)換效果濾鏡　737
23.3　小結(jié)　739
第四篇　網(wǎng)頁布局
第24章　網(wǎng)頁布局與設(shè)計技巧　743
24.1　網(wǎng)頁布局　743
24.1.1　網(wǎng)頁大小　743
24.1.2　網(wǎng)頁欄目劃分　744
24.1.3　表格布局　747
24.1.4　CSS布局　751
24.2　CSS布局技巧　753
24.2.1　一欄布局　754
24.2.2　兩欄布局　757
24.2.3　三欄布局　762
24.2.4　層高度　765
24.3　小結(jié)　767