CSS實戰(zhàn)手冊（第2版）

目錄
Table of Contents
The Missing創(chuàng)作團隊簡介 I
簡介 1
第1部分
CSS基礎知識
第1章
對HTML的再思考 12
HTML的過去與現(xiàn)在 12
HTML的過去：看起來一切都好 12
HTML的現(xiàn)在：CSS的腳手架 14
為CSS編寫HTML 14
思考布局結構 14
學習兩種新的HTML標簽 15
可以忘卻的HTML標簽和屬性 16
編寫技巧 17
Doctype（文檔類型）的重要性 20
充分利用Internet Explorer 8 21
第2章
創(chuàng)建樣式和樣式表 23
樣式剖析 24
理解樣式表 25
如何選擇內部或外部樣式表 25
內部樣式表 26
外部樣式表 27
用HTML鏈接樣式表 28
用CSS鏈接樣式表 28
教程：創(chuàng)建第一個樣式 29
創(chuàng)建行內樣式 29
創(chuàng)建內部樣式表 31
創(chuàng)建外部樣式表 32
第3章
選擇器：明確設置哪些樣式 37
標簽選擇器：整體控制 37
類選擇器：精確控制 38
ID選擇器：控制特殊的網(wǎng)頁元素 40
給標簽組定義樣式 42
構建群選擇器 42
通用選擇器（*） 43
給標簽內的標簽定義樣式 43
HTML族譜 44
創(chuàng)建派生選擇器 45
偽類和偽元素 46
給鏈接定義樣式 47
給段落定義樣式 47
更多的偽類和偽元素 47
高級選擇器 50
子選擇器 50
同胞選擇器 51
屬性選擇器 52
教程：選擇器模型 54
創(chuàng)建群選擇器 56
創(chuàng)建和應用類選擇器 56
創(chuàng)建派生選擇器 58
創(chuàng)建和應用ID選擇器 60
點睛之筆 61
第4章
用樣式繼承節(jié)省時間 63
什么是繼承 63
繼承如何簡化樣式表 64
繼承的局限性 65
教程：繼承 66
基本范例：一級繼承 66
用繼承重新設置整個網(wǎng)頁的樣式 67
繼承不起作用 69
第5章
用層疊管理多樣式 71
樣式如何層疊 71
繼承樣式的疊加 72
最近的祖先樣式勝出 72
直接應用的樣式勝出 73
一個標簽，多個樣式 74
用權重值決定哪種樣式勝出 75
權重值相同時最后一個樣式勝出 76
控制層疊 77
改變權重值 78
選擇性地覆蓋 79
重新創(chuàng)建樣式 79
教程：層疊實例 80
重置CSS，重新設置樣式 81
創(chuàng)建混合樣式 82
消除樣式?jīng)_突 83
第2部分
CSS實用技術
第6章
文本格式化 88
如何格式化文本 89
如何選擇字體 89
如何給文本添加顏色 92
如何修改字號 93
pixel（像素）的用法 94
Keyword（關鍵字）、Percentage（百分比）和Em（行長單位）的用法 94
如何格式化詞語和字母 97
斜體化和粗體化 97
大寫化 98
文本的修飾 98
字母間距和字間距 100
如何格式化整個段落 100
如何調整行間距 101
如何對齊文本 102
首行縮進并去除邊距 102
格式化段落的首字母或首行 104
如何給列表定義樣式 105
列表的類型 105
給項目符號和項目序號定位 107
圖形項目符號 108
教程：文本格式化實例 109
創(chuàng)建網(wǎng)頁 109
格式化標題和段落 111
格式化列表 113
利用類進行微調 114
點睛之筆 116
第7章
Margin、Padding和Border 118
理解盒模型 118
用Margin和Padding控制空間 119
Margin和Padding的快捷屬性 121
邊距沖突 121
用margin負值消除空格 122
顯示行內盒子和塊級盒子 123
添加邊框 125
border屬性的快捷設定法 125
單獨格式化各條邊框 126
設置背景色 128
確定高度和寬度 128
計算盒子的實際寬度和高度 129
用Overflow屬性控制溢出文本 130
用浮動元素包圍內容 132
Background（背景）、Border（邊框）和Float（浮動） 134
停止浮動 135
教程：Margin、Background和Border 137
如何控制網(wǎng)頁的邊距和背景 137
調整標簽周圍的空間 139
創(chuàng)建側邊欄 141
修復瀏覽器的bug 143
精益求精 145
第8章
給網(wǎng)頁添加圖片 146
CSS和標簽 146
背景圖片 147
控制重復 150
定位背景圖片 151
關鍵字 152
精確值 153
percentage（百分比）值 153
如果固定圖片 155
利用background快捷屬性 155
教程：美化圖片 157
給圖片添加邊框 157
給圖片添加說明 159
教程：創(chuàng)建相冊 161
添加陰影 164
教程：使用背景圖片 167
給網(wǎng)頁背景添加圖片 167
用圖片代替邊框 169
給無序列表使用圖片 170
使側邊欄更有特色 171
精益求精 174
第9章
裝飾網(wǎng)站導航 175
選擇要定義樣式的鏈接 175
理解鏈接狀態(tài) 175
針對特定鏈接 177
給鏈接定義樣式 178
給鏈接添加下劃線 178
創(chuàng)建按鈕 180
利用圖片 181
創(chuàng)建導航欄 182
使用無序列表 182
垂直導航欄 183
水平導航欄 185
高級鏈接技術 190
超大的可點擊按鈕 190
CSS式的預載替換法 191
滑動門 193
給特殊的鏈接類型定義樣式 194
教程：給鏈接定義樣式 196
基本鏈接格式 196
給鏈接添加背景圖片 198
突顯不同的鏈接 199
教程：創(chuàng)建導航欄 201
添加替換效果并創(chuàng)建“你在此處”的鏈接 204
修正IE的bug 206
從垂直到水平 207
第10章
表格和表單的格式化 210
讓表格專司其職 210
給表格定義樣式 212
添加Padding 212
調整垂直對齊和水平對齊 212
創(chuàng)建邊框 213
給行和列定義樣式 214
給表單定義樣式 216
HTML的表單元素 216
利用CSS布置表單 219
教程：給表格定義樣式 220
教程：給表單定義樣式 225
第3部分
CSS網(wǎng)頁布局
第11章
CSS布局簡介 230
網(wǎng)頁布局的類型 230
如何進行CSS布局 232
強大的標簽 232
CSS布局的方法 233
布局策略 234
從內容入手 234
設計草圖 234
找出方框 235
順應頁面流 235
記住背景圖片 235
拼圖中的小部件 237
給元素設計層次 237
別忘了margin和padding 237
第12章
構建基于浮動的布局 238
用浮動進行布局 240
讓所有列都浮動 241
在浮動元素中浮動 243
用margin負值給元素定位 243
克服浮動問題 247
清除浮動和保持浮動 248
創(chuàng)建全網(wǎng)頁高度的列 250
防止float drop 253
處理Internet Explorer 6的bug 255
雙邊距bug 255
3px間隙 257
其他IE問題 258
教程：多列的布局 259
搭建HTML結構 260
創(chuàng)建布局樣式 260
再添加一列 261
添加一個“Faux列” 262
固定寬度 264
教程：負邊距布局 265
居中布局 265
讓列浮動 267
最后的調整 269
第13章
定位網(wǎng)頁上的元素 271
定位屬性的作用 271
設置定位值 273
當絕對定位變成相對時 276
何時（以及在何處）使用相對定位 277
堆疊元素 279
隱藏部分網(wǎng)頁 280
強大的定位策略 280
在元素內部進行定位 281
讓元素超出方框 283
用CSS定位進行網(wǎng)頁布局 283
用固定定位創(chuàng)建CSS式的框架 286
教程：定位網(wǎng)頁元素 290
美化網(wǎng)頁的橫幅 290
給照片添加說明文字 292
網(wǎng)頁排版 295
第4部分
CSS高級技術
第14章
設計打印頁面的CSS技術 300
Media樣式表的作用 300
如何添加Media樣式表 302
給外部樣式表指定媒體類型 302
在樣式表中指定媒體類型 302
創(chuàng)建打印樣式表 303
用!important覆蓋屏顯樣式 304
重寫文本樣式 304
定義打印背景 305
隱藏不需要的頁面區(qū)域 307
給打印添加分頁符 308
教程：創(chuàng)建打印樣式表 309
取消不需要的網(wǎng)頁元素 309
調整布局 311
重設文本格式 312
顯示URL 313
第15章
改正CSS設計習慣 315
添加注釋 315
組織樣式和樣式表 316
樣式命名要清晰 316
使用多個類可以節(jié)省時間 317
將樣式分組 318
使用多個樣式表 319
消除瀏覽器的樣式?jīng)_突 321
使用派生選擇器 324
劃分網(wǎng)頁 325
標識主體（Body） 326
管理Internet Explorer的修復代碼 328
優(yōu)先為當代瀏覽器設計 328
用條件注釋隔離IE的CSS代碼 329
第16章
CSS 3：最先進的CSS技術 331
CSS 3特性概覽 332
CSS 3選擇器 332
子選擇器 332
類型選擇器 334
Opacity屬性 335
RGBA顏色 337
在Internet Explorer中模擬RGBA 338
文本的陰影效果 339
字體自由 340
生成內容 342
索引 345