第0章 緒論 1
0.1 CSS簡介 1
0.2 CSS的歷史 1
0.3 CSS的特點 2
0.4 CSS的優勢 3
0.5 使用CSS 4
0.6 常用的開發工具 4
0.7 記事本 4
0.8 FrontPage 5
0.9 Dreamweaver 6
0.10 CSS跨瀏覽器支持技術 7
0.11 給特定瀏覽器提供不同的樣式 7
0.12 解決空白邊疊加問題 10
0.13 選擇合適的DOCTYPE 11
0.14 CSS Bug 13
0.15 校驗CSS Bug 14
0.16 Bug捕捉基本步驟 15
0.17 CSS建議 18
第一篇 CSS基礎篇
第1章 CSS快速入門 22
1.1 使用HTML定義頁面樣式時的一些
問題 22
1.1.1 問題描述 22
1.1.2 解決辦法 22
1.1.3 知識擴展——CSS的語法 22
1.1.4 網絡課堂 26
1.2 CSS的幾種使用方式是什么 26
1.2.1 問題描述 26
1.2.2 解決辦法 26
1.2.3 知識擴展——內嵌樣式表 27
1.2.4 知識擴展——內部樣式表 27
1.2.5 知識擴展——鏈入樣式表 30
1.2.6 知識擴展——導入樣式表 30
1.2.7 觸類旁通 31
1.2.8 網絡課堂 33
1.3 CSS代碼中的注釋問題 33
1.3.1 問題描述 33
1.3.2 解決辦法 33
1.3.3 知識擴展——使用注釋 34
1.3.4 網絡課堂 35
1.4 CSS中的單位有哪些 35
1.4.1 問題描述 35
1.4.2 解決辦法 35
1.4.3 知識擴展——長度單位 35
1.4.4 知識擴展——百分比單位 36
1.4.5 知識擴展——顏色單位 37
1.4.6 知識擴展——url 38
1.4.7 網絡課堂 39
1.5 各種CSS用法的執行順序是什么 39
1.5.1 問題描述 39
1.5.2 解決辦法 40
1.5.3 知識擴展——CSS的后來居上
原則 40
1.5.4 知識擴展——CSS的繼承性 41
1.5.5 知識擴展——CSS的選擇符優
先級 42
1.5.6 知識擴展——!important聲明強
制優先 43
1.5.7 網絡課堂 43
第2章 CSS選擇符 44
2.1 統一設置同一標簽樣式 44
2.1.1 問題描述 44
2.1.2 解決辦法 44
2.1.3 知識擴展——什么是CSS選
擇符 44
2.1.4 知識擴展——類型選擇符以及
屬性選擇符 45
2.1.5 網絡課堂 46
2.2 CSS中的ID選擇符怎么用 46
2.2.1 問題描述 46
2.2.2 解決辦法 46
2.2.3 知識擴展——ID選擇符以及
包含選擇符 47
2.2.4 網絡課堂 48
2.3 CSS中的類選擇符 48
2.3.1 問題描述 48
2.3.2 解決辦法 49
2.3.3 知識擴展——類選擇符 49
2.3.4 網絡課堂 50
2.4 CSS中的偽類能應用在按鈕中嗎 50
2.4.1 問題描述 50
2.4.2 解決辦法 50
2.4.3 知識擴展——CSS中的偽類 51
2.4.4 網絡課堂 51
2.5 設置首字下沉問題 52
2.5.1 問題描述 52
2.5.2 解決辦法 53
2.5.3 知識擴展——CSS中的偽對象 53
2.5.4 網絡課堂 54
2.6 不同標簽的相同樣式 55
2.6.1 問題描述 55
2.6.2 解決辦法 55
2.6.3 知識擴展——選擇符分組 55
2.6.4 網絡課堂 56
2.7 選擇符組的優先級問題 56
2.7.1 問題描述 56
2.7.2 解決辦法 56
2.7.3 知識擴展——選擇符組的優
先級 57
2.7.4 網絡課堂 58
第3章 偽類和偽元素 59
3.1 超鏈接偽類的用法 59
3.1.1 問題描述 59
3.1.2 解決辦法 59
3.1.3 知識擴展——超鏈接偽類的
用法 59
3.1.4 網絡課堂 60
3.2 IE是否支持:focus偽類 60
3.2.1 問題描述 60
3.2.2 解決辦法 61
3.2.3 知識擴展——:focus偽類的
用法 61
3.2.4 網絡課堂 62
3.3 :first-child偽類的用法 62
3.3.1 問題描述 62
3.3.2 解決辦法 63
3.3.3 知識擴展——:first-child偽類的
用法 63
3.3.4 網絡課堂 64
3.4 可適用于@page規則的偽類 64
3.4.1 問題描述 64
3.4.2 解決辦法 64
3.4.3 知識擴展——可適用于@page
規則的偽類 65
3.4.4 網絡課堂 66
3.5 :lang偽類的用法 66
3.5.1 問題描述 66
3.5.2 解決辦法 67
3.5.3 知識擴展——:lang偽類的用法 67
3.5.4 網絡課堂 69
3.6 偽元素:first-letter和:first-line的用法 69
3.6.1 問題描述 69
3.6.2 解決辦法 71
3.6.3 知識擴展——偽元素:first-letter和:first-line的用法 72
3.6.4 網絡課堂 75
3.7 如何解決Firefox檢測不到div高度
問題 75
3.7.1 問題描述 75
3.7.2 解決辦法 76
3.7.3 知識擴展——偽元素:before和
:after的用法 77
3.7.4 網絡課堂 79
第二篇 CSS中級篇
第4章 文本屬性 80
4.1 如何設置字體顏色 80
4.1.1 問題描述 80
4.1.2 解決辦法 80
4.1.3 知識擴展——設置字體顏色
屬性color 81
4.1.4 網絡課堂 82
4.2 CSS字體樣式的問題 82
4.2.1 問題描述 82
4.2.2 解決辦法 82
4.2.3 知識擴展——font-family屬性 82
4.2.4 知識擴展——font-style屬性 83
4.2.5 知識擴展——font-weight屬性 84
4.2.6 知識擴展——font-size屬性 85
4.2.7 知識擴展——font屬性 86
4.2.8 網絡課堂 87
4.3 關于使用CSS實現字體閃爍效果的
問題 87
4.3.1 問題描述 87
4.3.2 解決辦法 88
4.3.3 知識擴展——text-decoration
屬性 88
4.3.4 知識擴展——text-underline-position
屬性 89
4.3.5 知識擴展——text-shadow屬性 89
4.3.6 網絡課堂 90
4.4 字符之間的空白問題 90
4.4.1 問題描述 90
4.4.2 解決辦法 91
4.4.3 知識擴展——letter-spacing
屬性 92
4.4.4 知識擴展——word-spacing
屬性 93
4.4.5 網絡課堂 94
4.5 關于line-height的問題 94
4.5.1 問題描述 94
4.5.2 解決辦法 95
4.5.3 知識擴展——line-height屬性
用來設置行間距 96
4.5.4 網絡課堂 97
4.6 如何設置文本自動換行 97
4.6.1 問題描述 97
4.6.2 解決辦法 97
4.6.3 知識擴展——word-break屬性 97
4.6.4 知識擴展——line-break屬性 98
4.6.5 知識擴展——word-wrap屬性 99
4.6.6 網絡課堂 99
4.7 如何用CSS使首字母變為大寫 99
4.7.1 問題描述 99
4.7.2 解決辦法 100
4.7.3 知識擴展——text-transform
屬性 100
4.7.4 知識擴展——font-variant屬性 101
4.7.5 網絡課堂 102
4.8 如何用CSS截取內容顯示省略號 102
4.8.1 問題描述 102
4.8.2 解決辦法 103
4.8.3 知識擴展——text-overflow
屬性 103
4.8.4 網絡課堂 105
4.9 如何在表格中縮進文本 105
4.9.1 問題描述 105
4.9.2 解決辦法 105
4.9.3 知識擴展——text-indent屬性 105
4.9.4 網絡課堂 107
4.10 關于設置文本的行網格尺寸 107
4.10.1 問題描述 107
4.10.2 解決辦法 108
4.10.3 知識擴展——layout-grid-char
屬性 108
4.10.4 知識擴展——layout-grid-line
屬性 108
4.10.5 知識擴展——layout-grid-type
屬性 109
4.10.6 知識擴展——layout-grid屬性 109
4.10.7 網絡課堂 110
4.11 CSS如何實現div居中 110
4.11.1 問題描述 110
4.11.2 解決辦法 110
4.11.3 知識擴展——text-align屬性 110
4.11.4 知識擴展——vertical-align
屬性 112
4.11.5 知識擴展——ruby-align屬性 114
4.11.6 網絡課堂 115
4.12 文字怎么實現豎排 115
4.12.1 問題描述 115
4.12.2 解決辦法 115
4.12.3 知識擴展——direction屬性 116
4.12.4 知識擴展——writing-mode
屬性 117
4.12.5 知識擴展——layout-flow
屬性 118
4.12.6 網絡課堂 119
第5章 背景屬性 120
5.1 背景顏色不顯示 120
5.1.1 問題描述 120
5.1.2 解決辦法 120
5.1.3 知識擴展——background-color
屬性 120
5.1.4 知識擴展——layer-background-color屬性 121
5.1.5 網絡課堂 122
5.2 如何設置背景圖片 122
5.2.1 問題描述 122
5.2.2 解決辦法 122
5.2.3 知識擴展——background-image
屬性 122
5.2.4 知識擴展——layer-background-image屬性 125
5.2.5 網絡課堂 125
5.3 JavaScript如何設置背景圖片不重復 126
5.3.1 問題描述 126
5.3.2 解決辦法 126
5.3.3 知識擴展——background-repeat
屬性 126
5.3.4 網絡課堂 128
5.4 如何設置背景圖片的位置 128
5.4.1 問題描述 128
5.4.2 解決辦法 129
5.4.3 知識擴展——background-position
屬性 130
5.4.4 知識擴展——background-position-x屬性 133
5.4.5 知識擴展——background-position-y屬性 133
5.4.6 觸類旁通 134
5.4.7 網絡課堂 135
5.5 background-attachment屬性沒有效果 136
5.5.1 問題描述 136
5.5.2 解決辦法 136
5.5.3 知識擴展——background-attachment屬性 136
5.5.4 知識擴展——background屬性 138
5.5.5 網絡課堂 140
第6章 邊框與尺寸屬性 141
6.1 如何設置文本框的邊框樣式 141
6.1.1 問題描述 141
6.1.2 解決辦法 142
6.1.3 知識擴展——border-style屬性 143
6.1.4 知識擴展——border-bottom-style
屬性 145
6.1.5 知識擴展——border-left-style
屬性 146
6.1.6 知識擴展——border-right-style
屬性 147
6.1.7 知識擴展——border-top-style
屬性 147
6.1.8 觸類旁通 148
6.1.9 網絡課堂 150
6.2 HTML中邊框顏色的問題 150
6.2.1 問題描述 150
6.2.2 解決辦法 151
6.2.3 知識擴展——border-color屬性 151
6.2.4 知識擴展——border-bottom-color
屬性 152
6.2.5 知識擴展——border-left-color
屬性 153
6.2.6 知識擴展——border-right-color
屬性 153
6.2.7 知識擴展——border-top-color
屬性 154
6.2.8 網絡課堂 155
6.3 如何用css控制table的邊框寬度和
邊框顏色 155
6.3.1 問題描述 155
6.3.2 解決辦法 157
6.3.3 知識擴展——border-width
屬性 158
6.3.4 知識擴展——border-bottom-width
屬性 159
6.3.5 知識擴展——border-left-width
屬性 160
6.3.6 知識擴展——border-right-width
屬性 160
6.3.7 知識擴展——border-top-width
屬性 161
6.3.8 觸類旁通 162
6.3.9 網絡課堂 163
6.4 如何為頁面中的圖像設置邊框 163
6.4.1 問題描述 163
6.4.2 解決辦法 164
6.4.3 知識擴展——border屬性 165
6.4.4 知識擴展——border-top屬性 167
6.4.5 知識擴展——border-bottom
屬性 167
6.4.6 知識擴展——border-left屬性 168
6.4.7 知識擴展——border-right
屬性 168
6.4.8 觸類旁通 169
6.4.9 網絡課堂 170
6.5 關于height屬性的百分比問題 171
6.5.1 問題描述 171
6.5.2 解決辦法 171
6.5.3 知識擴展——height屬性 172
6.5.4 知識擴展——min-height屬性 173
6.5.5 知識擴展——max-height屬性 173
6.5.6 觸類旁通 174
6.5.7 網絡課堂 175
6.6 如何防止表格被內容撐開 175
6.6.1 問題描述 175
6.6.2 解決辦法 175
6.6.3 知識擴展——width屬性 177
6.6.4 知識擴展——min-width屬性 178
6.6.5 知識擴展——max-width屬性 178
6.6.6 網絡課堂 179
第7章 邊距與間隙屬性 180
7.1 如何設置頁面模塊的邊距 180
7.1.1 問題描述 180
7.1.2 解決辦法 180
7.1.3 知識擴展——margin屬性 180
7.1.4 觸類旁通 182
7.1.5 網絡課堂 184
7.2 img標簽的margin-bottom屬性無效 184
7.2.1 問題描述 184
7.2.2 解決辦法 185
7.2.3 知識擴展——margin-bottom
屬性 185
7.2.4 知識擴展——margin-left屬性 186
7.2.5 知識擴展——margin-right屬性 188
7.2.6 知識擴展——margin-top屬性 189
7.2.7 網絡課堂 190
7.3 padding屬性在不同瀏覽器中的顯示
差異問題 190
7.3.1 問題描述 190
7.3.2 解決辦法 191
7.3.3 知識擴展——padding屬性 191
7.3.4 網絡課堂 193
7.4 IE 6/7下設置padding-bottom時
出現的Bug 193
7.4.1 問題描述 193
7.4.2 解決辦法 194
7.4.3 知識擴展——padding-bottom
屬性 194
7.4.4 知識擴展——padding-left屬性 195
7.4.5 知識擴展——padding-right
屬性 196
7.4.6 知識擴展——padding-top屬性 196
7.4.7 觸類旁通 199
7.4.8 網絡課堂 199
第8章 定位與布局 200
8.1 如何設置元素的定位方式 200
8.1.1 問題描述 200
8.1.2 解決辦法 201
8.1.3 知識擴展——position屬性 201
8.1.4 觸類旁通 207
8.1.5 網絡課堂 207
8.2 關于絕對定位元素無法覆蓋相對
定位元素 207
8.2.1 問題描述 207
8.2.2 解決辦法 209
8.2.3 知識擴展——邊偏移屬性 210
8.2.4 網絡課堂 211
8.3 請問css的z-index屬性層疊順序的
問題 211
8.3.1 問題描述 211
8.3.2 解決辦法 212
8.3.3 知識擴展——z-index屬性 213
8.3.4 網絡課堂 214
8.4 為什么橫向滾動條不可用 215
8.4.1 問題描述 215
8.4.2 解決辦法 215
8.4.3 知識擴展——overflow屬性 215
8.4.4 知識擴展——overflow-x屬性
和overflow-y屬性 216
8.4.5 網絡課堂 218
8.5 求解CSS樣式中float屬性的問題 218
8.5.1 問題描述 218
8.5.2 解決辦法 218
8.5.3 知識擴展——float屬性 219
8.5.4 知識擴展——clear屬性 220
8.5.5 網絡課堂 221
8.6 如何利用clip屬性創造彩色字體 221
8.6.1 問題描述 221
8.6.2 解決辦法 222
8.6.3 知識擴展——clip屬性 222
8.6.4 網絡課堂 224
8.7 IE下塊元素如何實現display:inline-block
的效果 224
8.7.1 問題描述 224
8.7.2 解決辦法 224
8.7.3 知識擴展——display屬性 225
8.7.4 知識擴展——visibility屬性 227
8.7.5 觸類旁通 228
8.7.6 網絡課堂 230
第三篇 CSS高級篇
第9章 列表屬性 231
9.1 為什么list-style-type:decimal在IE中
顯示的全是1 231
9.1.1 問題描述 231
9.1.2 解決辦法 231
9.1.3 知識擴展——list-style-type
屬性 232
9.1.4 觸類旁通 235
9.1.5 網絡課堂 235
9.2 list-style-image的圖標圖像對齊問題 236
9.2.1 問題描述 236
9.2.2 解決辦法 237
9.2.3 知識擴展——list-style-image
屬性 237
9.2.4 觸類旁通 239
9.2.5 網絡課堂 240
9.3 列表的項目符號消失問題 240
9.3.1 問題描述 240
9.3.2 解決辦法 241
9.3.3 知識擴展——list-style-position
屬性 242
9.3.4 觸類旁通 243
9.3.5 網絡課堂 245
9.4 如何水平顯示列表 245
9.4.1 問題描述 245
9.4.2 解決辦法 246
9.4.3 知識擴展——list-style屬性 246
9.4.4 網絡課堂 247
第10章 滾動條屬性 248
10.1 如何制作帶有彩色亮邊框的滾動條 248
10.1.1 問題描述 248
10.1.2 解決辦法 248
10.1.3 知識擴展——scrollbar-highlight-
color屬性 250
10.1.4 網絡課堂 250
10.2 如何制作帶有彩色3D亮邊框的
滾動條 251
10.2.1 問題描述 251
10.2.2 解決辦法 251
10.2.3 知識擴展——scrollbar-3dlight-
color屬性 252
10.2.4 網絡課堂 253
10.3 如何制作彩色滾動條區塊 253
10.3.1 問題描述 253
10.3.2 解決辦法 254
10.3.3 知識擴展——scrollbar-face-color
屬性 255
10.3.4 網絡課堂 255
10.4 如何使方向箭頭消失 256
10.4.1 問題描述 256
10.4.2 解決辦法 256
10.4.3 知識擴展——scrollbar-arrow-color屬性 257
10.4.4 網絡課堂 258
10.5 如何制作彩色滾動條暗邊框 258
10.5.1 問題描述 258
10.5.2 解決辦法 259
10.5.3 知識擴展——scrollbar-shadow-color屬性 260
10.5.4 網絡課堂 260
10.6 關于設置滾動條暗邊框屬性的區別 261
10.6.1 問題描述 261
10.6.2 解決辦法 261
10.6.3 知識擴展——scrollbar-darkshadow-
color屬性 262
10.6.4 網絡課堂 263
10.7 如何制作滾動條基準色 263
10.7.1 問題描述 263
10.7.2 解決辦法 264
10.7.3 知識擴展——scrollbar-base-color
屬性 265
10.7.4 網絡課堂 265
10.8 如何制作彩色滾動條拖動區域 266
10.8.1 問題描述 266
10.8.2 解決辦法 266
10.8.3 知識擴展——scrollbar-track-color
屬性 267
10.8.4 網絡課堂 267
第11章 改善頁面中的表格 268
11.1 如何隱藏表格中空單元格上的邊框
和背景 268
11.1.1 問題描述 268
11.1.2 解決辦法 269
11.1.3 知識擴展——empty-cells
屬性 270
11.1.4 觸類旁通 271
11.1.5 網絡課堂 272
11.2 如何隱藏單元格超出的數據 272
11.2.1 問題描述 272
11.2.2 解決辦法 274
11.2.3 知識擴展——table-layout
屬性 275
11.2.4 網絡課堂 276
11.3 如何設置表格標題的位置 277
11.3.1 問題描述 277
11.3.2 解決辦法 278
11.3.3 知識擴展——caption-side
屬性 278
11.3.4 知識擴展——表格特有的
元素 280
11.3.5 網絡課堂 280
11.4 如何制作一個單線邊框表格 281
11.4.1 問題描述 281
11.4.2 解決辦法 282
11.4.3 知識擴展——border-collapse
屬性 282
11.4.4 知識擴展——設置表格背景
顏色交替顯示 283
11.4.5 網絡課堂 286
11.5 如何設置單元格邊界之間的距離 286
11.5.1 問題描述 286
11.5.2 解決辦法 287
11.5.3 知識擴展——border-spacing
屬性 287
11.5.4 觸類旁通 288
11.5.5 網絡課堂 292
第12章 逐步改善頁面中的表單 293
12.1 如何使用CSS設計表單上的元素 293
12.1.1 問題描述 293
12.1.2 解決辦法 293
12.1.3 知識擴展——CSS為表單元素
設置樣式 293
12.1.4 觸類旁通 296
12.1.5 網絡課堂 297
12.2 如何使提交按鈕看起來像文本 297
12.2.1 問題描述 297
12.2.2 解決辦法 298
12.2.3 知識擴展——同一個表單中的
元素應用不同的樣式 299
12.2.4 網絡課堂 301
12.3 關于Dreamweaver的層和表格問題 301
12.3.1 問題描述 301
12.3.2 解決辦法 301
12.3.3 知識擴展——使用CSS代替表格
設計一個含有兩列的表單 301
12.3.4 觸類旁通 304
12.3.5 網絡課堂 307
12.4 HTML中的fieldset屬性的相關問題 307
12.4.1 問題描述 307
12.4.2 解決辦法 308
12.4.3 知識擴展——fieldset元素 310
12.4.4 網絡課堂 312
12.5 為表單設計快捷鍵 312
12.5.1 問題描述 312
12.5.2 解決辦法 312
12.5.3 知識擴展——for屬性和accesskey
屬性 313
12.5.4 網絡課堂 315
12.6 如何在下拉菜單中使用不同的顏色來
強調各菜單項 315
12.6.1 問題描述 315
12.6.2 解決辦法 316
12.6.3 知識擴展——使用不同背景
強調下拉菜單中各項 317
12.6.4 網絡課堂 319
12.7 當用戶單擊時如何突出表單域. 319
12.7.1 問題描述 319
12.7.2 解決辦法 319
12.7.3 知識擴展——強調用戶單擊的
表單字段 320
12.7.4 網絡課堂 322
第13章 濾鏡及其他 323
13.1 如何實現博客名的文字特效 323
13.1.1 問題描述 323
13.1.2 解決辦法 324
13.1.3 知識擴展——Mask濾鏡 325
13.1.4 網絡課堂 325
13.2 如何實現文章標題的文字特效 326
13.2.1 問題描述 326
13.2.2 解決辦法 326
13.2.3 知識擴展——Blur濾鏡 327
13.2.4 知識擴展——其他模糊濾鏡 328
13.2.5 網絡課堂 329
13.3 如何為圖片添加邊框 329
13.3.1 問題描述 329
13.3.2 解決辦法 330
13.3.3 知識擴展——Glow濾鏡 330
13.3.4 觸類旁通 331
13.3.5 網絡課堂 332
13.4 如何控制霧化網頁的透明度 332
13.4.1 問題描述 332
13.4.2 解決辦法 332
13.4.3 知識擴展——Alpha濾鏡 333
13.4.4 知識擴展——Chroma濾鏡 334
13.4.5 觸類旁通 335
13.4.6 網絡課堂 336
13.5 對一個對象同時使用多個濾鏡的問題 336
13.5.1 問題描述 336
13.5.2 解決辦法 337
13.5.3 知識擴展——FlipH濾鏡 338
13.5.4 知識擴展——FlipV濾鏡 338
13.5.5 網絡課堂 340
13.6 同一個對象同時使用多個無參濾鏡
失效問題 340
13.6.1 問題描述 340
13.6.2 解決辦法 340
13.6.3 知識擴展——Xray濾鏡 340
13.6.4 知識擴展——Invert濾鏡 341
13.6.5 網絡課堂 342
13.7 如何實現描邊字效果 342
13.7.1 問題描述 342
13.7.2 解決辦法 343
13.7.3 知識擴展——Shadow濾鏡 343
13.7.4 知識擴展——DropShadow
濾鏡 344
13.7.5 網絡課堂 345
13.8 制作多張圖像輪換交替顯示效果 346
13.8.1 問題描述 346
13.8.2 解決辦法 346
13.8.3 知識擴展——BlendTrans濾鏡 348
13.8.4 知識擴展——RevealTrans
濾鏡 350
13.8.5 網絡課堂 352
13.9 讓文字產生波紋變形 352
13.9.1 問題描述 352
13.9.2 解決辦法 352
13.9.3 知識擴展——Wave濾鏡 352
13.9.4 網絡課堂 354
13.10 如何添加多個模擬光源 354
13.10.1 問題描述 354
13.10.2 解決辦法 354
13.10.3 知識擴展——Light濾鏡 355
13.10.4 觸類旁通 357
13.10.5 網絡課堂 358
13.11 如何輕松設置灰度頁面 358
13.11.1 問題描述 358
13.11.2 解決辦法 359
13.11.3 知識擴展——Gray濾鏡 359
13.11.4 網絡課堂 359
13.12 如何實現漂亮的鼠標指針 360
13.12.1 問題描述 360
13.12.2 解決辦法 360
13.12.3 知識擴展——多種鼠標
指針樣式 360
13.12.4 網絡課堂 362
第14章 與XML整合 363
14.1 什么是XML 363
14.1.1 問題描述 363
14.1.2 解決辦法 363
14.1.3 知識擴展——XML簡介 363
14.1.4 知識擴展——XML標記與
元素 364
14.1.5 知識擴展——XML屬性 367
14.1.6 觸類旁通 367
14.1.7 網絡課堂 369
14.2 為什么要發展XML？ 369
14.2.1 問題描述 369
14.2.2 解決辦法 369
14.2.3 知識擴展——在XML中引用
外部CSS樣式文件 370
14.2.4 觸類旁通 374
14.2.5 網絡課堂 375
14.3 XML使用嵌入式CSS樣式出錯 375
14.3.1 問題描述 375
14.3.2 解決辦法 376
14.3.3 知識擴展——在XML中使用
嵌入式CSS樣式 377
14.3.4 觸類旁通 378
14.3.5 網絡課堂 379
14.4 為XML設置的CSS樣式無效 379
14.4.1 問題描述 379
14.4.2 解決辦法 380
14.4.3 知識擴展——為XML定義
復雜的CSS樣式 380
14.4.4 網絡課堂 383
14.5 使用XSLT刪除XML文件中的重復
元素 383
14.5.1 問題描述 383
14.5.2 解決辦法 384
14.5.3 知識擴展——XSLT簡介 386
14.5.4 知識擴展——XSLT詳解 386
14.5.5 觸類旁通 392
14.5.6 網絡課堂 393
第四篇 實例應用篇
第15章 常見的CSS頁面特效 394
15.1 會變色的表格邊框 394
15.2 隨著鼠標浮動的文字 396
15.3 會閃的圖片 398
15.4 圖片翻轉 399
15.5 舞動的文字 401
15.6 會收縮的導航欄 405
15.7 逐漸變色的表格 408
第16章 制作個人博客頁面 413
16.1 案例效果圖分析 413
16.2 頁面框架布局設計 415
16.3 站點目錄結構設計 417
16.4 index頁面 418
16.4.1 頁面整體框架布局 418
16.4.2 頁面頭部設計 419
16.4.3 頁面底部設計 421
16.4.4 首頁banner_content內容區
設計 423
16.4.5 首頁main_content內容區
設計 426
16.5 留言頁面 431
16.6 作品集頁面 434
16.6.1 作品集banner_content內容區
設計 434
16.6.2 作品集main_content內容區
設計 437


??

??

??

??





IV


V
　　







XII


XI