精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案

第1章 基礎(chǔ)知識(shí)/1
1.1 設(shè)計(jì)代碼的結(jié)構(gòu)/2
1.1.1 使用有意義的標(biāo)記/2
1.1.2 文檔類(lèi)型、DOCTYPE切換和瀏覽器模式/7
1.2 為樣式找到目標(biāo)/9
1.2.1 常用的選擇器/10
1.2.2 通用選擇器/11
1.2.3 高級(jí)選擇器/11
1.2.4 層疊和特殊性/14
1.2.5 繼承/16
1.3 規(guī)劃、組織和維護(hù)樣式表/17
1.3.1 對(duì)文檔應(yīng)用樣式/17
1.3.2 對(duì)代碼進(jìn)行注釋/18
1.3.3 樣式指南/20
1.3.4 組織樣式表以便簡(jiǎn)化維護(hù)/21
1.4 小結(jié)/22
第2章 可視化格式模型/23
2.1 框模型概述/23
2.1.1 IE/Win和框模型/25
2.1.2 空白邊疊加/25
2.2 定位概述/27
2.2.1 視覺(jué)格式化模型/27
2.2.2 相對(duì)定位/28
2.2.3 絕對(duì)定位/29
2.2.4 浮動(dòng)/31
2.3 小結(jié)/36
第3章 背景圖像和圖像替換/37
3.1 背景圖像基礎(chǔ)/37
3.2 圓角框/39
3.2.1 固定寬度的圓角框/40
3.2.2 山頂角/44
3.3 陰影/46
3.3.1 簡(jiǎn)單的CSS陰影/46
3.3.2 來(lái)自Clagnut的陰影方法/49
3.3.3 模糊陰影/49
3.3.4 洋蔥皮陰影/52
3.4 圖像替換/54
3.4.1 FIR/55
3.4.2 Phark/55
3.4.3 Gilder/Levin方法/56
3.4.4 IFR與sIFR/56
3.5 小結(jié)/58
第4章 對(duì)鏈接應(yīng)用樣式/59
4.1 簡(jiǎn)單的鏈接樣式/59
4.2 讓下劃線(xiàn)更有趣/60
4.3 突出顯示不同類(lèi)型的鏈接/62
4.4 創(chuàng)建按鈕和翻轉(zhuǎn)/65
4.4.1 簡(jiǎn)單的翻轉(zhuǎn)/66
4.4.2 具有圖像的翻轉(zhuǎn)/66
4.4.3 Pixy樣式的翻轉(zhuǎn)/67
4.5 已訪(fǎng)問(wèn)鏈接樣式/68
4.6 純CSS工具提示/70
4.7 小結(jié)/71
第5章 對(duì)列表應(yīng)用樣式和創(chuàng)建導(dǎo)航條/73
5.1 基本列表樣式/74
5.2 創(chuàng)建垂直導(dǎo)航條/75
5.3 在導(dǎo)航條中突出顯示當(dāng)前頁(yè)面/77
5.4 創(chuàng)建水平導(dǎo)航條/78
5.5 簡(jiǎn)化的“滑動(dòng)門(mén)”標(biāo)簽頁(yè)式導(dǎo)航/80
5.6 CSS圖像映射/82
5.7 遠(yuǎn)距離翻轉(zhuǎn)/90
5.8 對(duì)于定義列表的簡(jiǎn)短說(shuō)明/93
5.9 小結(jié)/94
第6章 對(duì)表單和數(shù)據(jù)表格應(yīng)用樣式/95
6.1　對(duì)數(shù)據(jù)表格應(yīng)用樣式/95
6.1.1　表格特有的元素/97
6.1.2　數(shù)據(jù)表格標(biāo)記/98
6.1.3　對(duì)表格應(yīng)用樣式/99
6.1.4　添加視覺(jué)樣式/100
6.1.5　添加其他樣式/101
6.2　簡(jiǎn)單的表單布局/101
6.2.1　有用的表單元素/102
6.2.2　基本布局/103
6.2.3　其他元素/104
6.2.4　修飾/106
6.3　復(fù)雜的表單布局/107
6.3.1　可訪(fǎng)問(wèn)的數(shù)據(jù)輸入元素/108
6.3.2　多列復(fù)選框/109
6.3.3　表單反饋/111
6.4　小結(jié)/113
第7章 布局/115
7.1 讓設(shè)計(jì)居中/115
7.1.1 使用自動(dòng)空白邊讓設(shè)計(jì)居中/116
7.1.2 使用定位和負(fù)值空白邊讓設(shè)計(jì)居中/117
7.2 基于浮動(dòng)的布局/118
7.2.1 兩列的浮動(dòng)布局/118
7.2.2 三列的浮動(dòng)布局/121
7.3 固定寬度、流體和彈性布局/122
7.3.1 流體布局/122
7.3.2 彈性布局/124
7.3.3 彈性-流體混合布局/126
7.3.4 流體和彈性圖像/127
7.4 faux列/129
7.5 小結(jié)/132
第8章 招數(shù)和過(guò)濾器/133
8.1 招數(shù)和過(guò)濾器簡(jiǎn)介/134
8.1.1 關(guān)于招數(shù)和過(guò)濾器的一個(gè)警告/134
8.1.2 明智地使用招數(shù)/135
8.2 過(guò)濾單獨(dú)的樣式表/136
8.2.1 IE的有條件注釋/136
8.2.2 帶通過(guò)濾器/137
8.3 過(guò)濾單獨(dú)的規(guī)則和聲明/139
8.3.1 子選擇器招數(shù)/139
8.3.2 屬性選擇器招數(shù)/140
8.3.3 星號(hào)HTML招數(shù)/141
8.3.4 IE/Mac注釋反斜線(xiàn)招數(shù)/142
8.3.5 轉(zhuǎn)義屬性招數(shù)/142
8.3.6 Tantek的框模型招數(shù)/143
8.3.7 修改后的簡(jiǎn)化框模型招數(shù)/143
8.3.8 !important和下劃線(xiàn)招數(shù)/144
8.3.9 Owen招數(shù)/144
8.4 小結(jié)/145
第9章 bug和bug修復(fù)/147
9.1 bug捕捉/148
9.2 bug捕捉的基本知識(shí)/150
9.2.1 隔離問(wèn)題/151
9.2.2 創(chuàng)建基本測(cè)試案例/152
9.2.3 修復(fù)問(wèn)題，而不是修復(fù)癥狀/153
9.2.4 請(qǐng)求幫助/153
9.3 擁有布局/153
9.3.1 什么是布局/154
9.3.2 布局有什么效果？/154
9.4 常見(jiàn)bug及其修復(fù)方法/156
9.4.1 雙空白邊浮動(dòng)bug/156
9.4.2 3像素文本偏移bug/156
9.4.3 IE 6重復(fù)字符bug/159
9.4.4 IE 6躲躲貓bug/160
9.4.5 相對(duì)容器中的絕對(duì)定位/160
9.4.6 停止對(duì)IE的批評(píng)/161
9.5 小結(jié)/162
實(shí)例研究1 More Than Doodles/163
CS1.1 關(guān)于這個(gè)實(shí)例研究/164
CS1.2 用后代選擇器控制內(nèi)容區(qū)域/165
CS1.2.1 XHTML/165
CS1.2.2 三列布局/166
CS1.2.3 兩列布局/167
CS1.2.4 單列布局/168
CS1.2.5 隱藏不需要的列/168
CS1.3 對(duì)列進(jìn)行浮動(dòng)/169
CS1.3.1 計(jì)算/169
CS1.3.2 將列浮動(dòng)到正確的位置/170
CS1.4 根據(jù)主體類(lèi)突出顯示當(dāng)前頁(yè)面/172
CS1.5 列的drop-in框/173
CS1.6 直角和圓角——自己決定/174
CS1.6.1 一般的直角/174
CS1.6.2 為特殊效果做準(zhǔn)備/175
CS1.7 透明的定制角和邊框/175
CS1.7.1 圖像/176
CS1.7.2 CSS/177
CS1.8 使用類(lèi)組合來(lái)確定操作目標(biāo)/178
CS1.9 使用圖像類(lèi)和例外/180
CS1.9.1 默認(rèn)圖像/180
CS1.9.2 擁有的圖像/180
CS1.9.3 比較大的圖像/181
CS1.10 處理鏈接/183
CS1.10.1 了解邊欄鏈接/183
CS1.10.2 帶符號(hào)的已訪(fǎng)問(wèn)鏈接/183
CS1.10.3 突出顯示外部鏈接/185
CS1.11 浮動(dòng)的陰影（圖庫(kù)）/186
CS1.11.1 形成陰影/186
CS1.11.2 對(duì)圖像進(jìn)行浮動(dòng)/187
CS1.12 小結(jié)/188
實(shí)例研究2 Tuscany Luxury Resorts/189
CS2.1 關(guān)于這個(gè)實(shí)例研究/189
CS2.2 流體布局/190
CS2.2.1 主體和容器/192
CS2.2.2 報(bào)頭/192
CS2.2.3 內(nèi)容和邊欄/193
CS2.2.4 頁(yè)腳/195
CS2.2.5 解決流體布局的問(wèn)題/196
CS2.3 使用絕對(duì)定位對(duì)準(zhǔn)元素/197
CS2.3.1 位置屬性（top、bottom、left、right）/197
CS2.3.2 堆放次序（z-index）/199
CS2.4 背景圖像技術(shù)/200
CS2.4.1 將上半部分分成三份/201
CS2.4.2 使背景“無(wú)懈可擊”/202
CS2.5 圖像替換/204
CS2.5.1 徽標(biāo)圖像替換/204
CS2.5.2 首字母大寫(xiě)圖像替換/206
CS2.6 流體圖像/207
CS2.7 為多個(gè)元素使用一個(gè)列表項(xiàng)/209
CS2.8 小結(jié)/212