本書繫統地講解了CSS層疊樣式表的基礎理論和實際運用技術，通過大量實例對CSS進行深入淺出的分析；著重講解如何用CSS+DIV進行網頁布局，注重實際操作，使讀者在學習CSS應用技術的同時，掌握CSS+DIV的精髓；還詳細講解了其他書中較少涉及的技術細節，*後給出了5個常見類型的完整網頁的綜合實例，讓讀者進一步鞏固所學到的知識，提高綜合應用的能力。
本書內容翔實、結構清晰、循序漸進，並注意各個章節與實例之間的呼應和對照，既可作為CSS初學者的入門教材，也適合中**用戶進一步學習和參考。

隨著Web 2.0的大潮席卷而來，網頁標準化CSS+DIV的設計方式正逐漸 取代傳統的表格布局模式，對CSS的學習也成為設計人員的必修課。 本書繫統地講解了CSS層疊樣式表的基礎理論和實際運用技術，通過大 量實例對CSS進行深入淺出的分析，主要包括CSS的基本語法和概念，設置 文字、圖片、背景、表格、表單和菜單等網頁元素的方法，以及CSS濾鏡的 使用。著重講解如何用CSS+DIV進行網頁布局，注重實際操作，使讀者在學 習CSS應用技術的同時，掌握CSS+DIV的精髓。本書還詳細講解了其他書中 較少涉及的技術細節，包括擴展CSS與JavaScript、XML和Ajax的綜合應用 等內容，指導讀者制作符合Web標準的網頁，使從事或欲從事網站設計開發 專業工作的讀者提升技術水平和競爭能力。最後給出了5個常見類型的完整 網頁的綜合實例，讓讀者進一步鞏固所學到的知識，提高綜合應用的能力 。 本書內容翔實、結構清晰、循序漸進，並注意各個章節與實例之間的 呼應和對照，既可作為CSS初學者的入門教材，也適合中高級用戶進一步學 習和參考。

**部分　CSS基礎知識篇
第1章　CSS的初步體驗　3
1.1　CSS的概念　4
1.1.1　標記的概念　4
1.1.2　傳統HTML的缺點　5
1.1.3　CSS的引入　7
1.1.4　如何編輯CSS　9
1.1.5　瀏覽器與CSS　10
1.2　使用CSS控制頁面　11
1.2.1　行內樣式　11
1.2.2　內嵌式　12
1.2.3　鏈接式　13
1.2.4　導入樣式　14
1.2.5　各種方式的優先級問題　17
1.3　體驗CSS　19
1.3.1　從零開始　19
1.3.2　加入CSS控制　21
1.3.3　控制圖片　23
1.3.4　CSS的注釋　26
第2章　CSS的基本語法　27
2.1　CSS選擇器　28
2.1.1　標記選擇器　28
2.1.2　類別選擇器　29
2.1.3　ID選擇器　34
2.2　選擇器聲明　36
2.2.1　集體聲明　36
2.2.2　選擇器的嵌套　38
2.3　CSS的繼承　40
2.3.1　父子關繫　40
2.3.2　CSS繼承的運用　41
第3章　用CSS設置豐富的文字效果　45
3.1　CSS文字樣式　46
3.1.1　字體　46
3.1.2　文字大小　48
3.1.3　文字顏色　51
3.1.4　文字粗細　53
3.1.5　斜體　54
3.1.6　文字的下劃線、頂劃線和刪除線　55
3.1.7　英文字母大小寫　57
3.2　文字實例一：模擬Google公司Logo　58
3.3　文字實例二：制作頁面的五彩標題　62
3.4　CSS段落文字　67
3.4.1　段落的水平對齊方式　67
3.4.2　段落的垂直對齊方式　68
3.4.3　行間距和字間距　71
3.4.4　首字放大　73
3.5　段落實例：百度搜索　75
第4章　用CSS設置圖片效果　81
4.1　圖片樣式　82
4.1.1　圖片邊框　82
4.1.2　圖片縮放　86
4.2　圖片的對齊　87
4.2.1　橫向對齊方式　88
4.2.2　縱向對齊方式　88
4.3　圖文混排　91
4.3.1　文字環繞　91
4.3.2　設置圖片與文字間距　93
4.4　圖文實例：八仙過海　93
第5章　用CSS設置網頁中的背景　97
5.1　背景顏色　98
5.1.1　頁面背景色　98
5.1.2　用背景色給頁面分塊　99
5.2　背景圖片　101
5.2.1　頁面的背景圖　102
5.2.2　背景圖的重復　103
5.2.3　背景圖片的位置　107
5.2.4　固定背景圖片　110
5.2.5　添加多個背景圖片　112
5.2.6　背景樣式綜合設置　113
5.3　背景綜合一：我的個人主頁　113
5.4　背景綜合二：古詞《念奴嬌·赤壁懷古》　118
第6章　用CSS設置表格與表單的樣式　123
6.1　控制表格　124
6.1.1　表格中的標記　124
6.1.2　表格的顏色　127
6.1.3　表格的邊框　127
6.2　表格實例一：隔行變色　130
6.3　表格實例二：鼠標經過時變色的表格　132
6.4　表格實例三：日歷　134
6.5　CSS與表單　139
6.5.1　表單中的元素　139
6.5.2　像文字一樣的按鈕　142
6.5.3　七彩的下拉菜單　144
6.6　綜合實例一：直接輸入的Excel表格　146
6.7　綜合實例二：模仿新浪網民調查問卷　149
第7章　用CSS設置頁面和瀏覽器的元素　153
7.1　豐富的超鏈接**　154
7.1.1　動態超鏈接　154
7.1.2　按鈕式超鏈接　156
7.1.3　浮雕式超鏈接　158
7.2　鼠標**　163
7.2.1　CSS控制鼠標箭頭　164
7.2.2　鼠標變幻的超鏈接　165
7.3　頁面滾動條　166
第8章　用CSS制作實用的菜單　169
8.1　項目列表　170
8.1.1　列表的符號　170
8.1.2　圖片符號　173
8.2　無需表格的菜單　175
8.3　菜單的橫豎轉換　178
8.4　菜單實例一：百度導航條　181
8.5　菜單實例二：流行的Tab菜單　185
第9章　CSS濾鏡的應用　191
9.1　濾鏡概述　192
9.2　通道(Alpha)　192
9.3　模糊(Blur)　198
9.4　運動模糊(Motion Blur)　199
9.5　透明色(Chroma)　200
9.6　下落的陰影(Dropshadow)　201
9.7　翻轉變換(Flip)　203
9.8　光暈(Glow)　205
9.9　灰度(Gray)　207
9.10　反色(Invert)　208
9.11　遮罩(Mask)　209
9.12　陰影(Shadow)　210
9.13　X射線(X-ray)　211
9.14　浮雕紋理(Emboss和Engrave)　212
9.15　波浪(Wave)　215
第2部分　CSS+DIV美化和布局篇
**0章　理解CSS定位與div布局　221
10.1　 div 標記與 span 標記　222
10.1.1　概述　222
10.1.2　 div 與 span 的區別　223
10.2　盒子模型　224
10.2.1　盒子模型的概念　225
10.2.2　border　225
10.2.3　padding　229
10.2.4　margin　231
10.3　元素的定位　238
10.3.1　float定位　239
10.3.2　position定位　246
10.3.3　z-index空間位置　254
10.4　定位實例一：輕輕松松給圖片簽名　256
10.5　定位實例二：文字陰影效果　257
**1章　CSS+div布局方法剖析　259
11.1　CSS排版觀念　260
11.1.1　將頁面用div分塊　260
11.1.2　設計各塊的位置　262
11.1.3　用CSS定位　262
11.2　固定寬度且居中的版式　266
11.2.1　方法一　266
11.2.2　方法二　268
11.3　左中右版式　270
11.4　塊的背景色問題　273
11.5　排版實例：電子相冊　276
11.5.1　搭建框架　277
11.5.2　幻燈片模式　278
11.5.3　詳細信息模式　282
11.6　div排版與傳統的表格方式排版的分析　284
**2章　CSS+div美化與布局實戰　287
12.1　框架搭建　289
12.2　實例一：藍色經典　293
12.3　實例二：清明上河圖　299
12.4　實例三：交河故城　305
12.5　自動選擇CSS樣式　310
第3部分　CSS混合應用技術篇
**3章　CSS與JavaScript的綜合應用　313
13.1　JavaScript概述　314
13.1.1　JavaScript簡介　314
13.1.2　JavaScript的特點　314
13.1.3　JavaScript與CSS　315
13.2　JavaScript語法基礎　315
13.2.1　數據類型和變量　317
13.2.2　表達式及運算符　318
13.2.3　基本語句　319
13.3　實例一：輸入時高亮顯示的Excel表格　323
13.4　實例二：由遠到近的文字　325
13.5　實例三：跑馬燈**　327
13.6　實例四：圖片淡入淡出　329
13.7　實例五：CSS實現PPT幻燈片　332
13.8　實例六：燈光效果　334
13.9　實例七：舞臺燈光　336
13.10　實例八：探照燈　339
13.11　實例九：鼠標文字跟隨　340
**4章　CSS與XML的綜合運用　345
14.1　XML基礎　346
14.1.1　XML的特點　346
14.1.2　XML與HTML　347
14.1.3　XML基本語法　349
14.2　XML鏈接CSS文件　352
14.3　XML文字陰影效果　353
14.4　XML古詩字畫　356
14.5　XML實現隔行變色的表格　359
**5章　CSS與Ajax的綜合應用　365
15.1　Ajax概述　366
15.1.1　什麼是Ajax　366
15.1.2　Ajax的關鍵元素　367
15.1.3　CSS的重要地位　368
15.2　Ajax入門　370
15.2.1　創建XMLHttpRequest對像　370
15.2.2　發出Ajax請求　371
15.2.3　處理服務器響應　372
15.2.4　加入CSS樣式　372
15.3　Ajax實例：能夠自由拖動布局區域的網頁　373
第4部分　綜合案例篇
**6章　我的博客　383
16.1　分析構架　384
16.1.1　設計分析　384
16.1.2　排版構架　384
16.2　模塊拆分　386
16.2.1　導航與Banner　386
16.2.2　左側列表　388
16.2.3　內容部分　392
16.2.4　footer腳注　394
16.3　整體調整　395
**7章　小型工作室網站　397
17.1　分析構架　398
17.1.1　設計分析　398
17.1.2　首頁排版　399
17.1.3　內容頁構架　400
17.2　模塊拆分　400
17.2.1　搭建首頁　400
17.2.2　首頁圖片　403
17.2.3　內容頁面　405
17.2.4　footer腳注　407
17.3　整體調整　408
**8章　企業網站　409
18.1　分析構架　410
18.1.1　設計分析　410
18.1.2　排版構架　411
18.2　模塊拆分　412
18.2.1　Logo與**鏈接　412
18.2.2　左側導航與搜索　414
18.2.3　主體內容　416
18.2.4　內容Banner　416
18.2.5　新聞快遞　416
18.2.6　公司咨詢　417
18.2.7　英文刊物　419
18.3　整體調整　421
**9章　網上購物網站　423
19.1　分析構架　424
19.1.1　設計分析　424
19.1.2　排版構架　425
19.2　模塊分析　426
19.2.1　Banner圖片　426
19.2.2　導航菜單　428
19.2.3　鮮花導購　429
19.2.4　主體內容　433
19.3　整體調整　436
第20章　旅遊網站　437
20.1　分析構架　438
20.1.1　設計分析　438
20.1.2　排版構架　438
20.2　模塊拆分　440
20.2.1　Banner圖片與導航菜單　440
20.2.2　左側分欄　441
20.2.3　中部主體　443
20.2.4　右側分欄　446
20.2.5　腳注(footer)　448
20.3　整體調整　449