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

第1章 基礎(chǔ)知識/1
1.1 設(shè)計代碼的結(jié)構(gòu)/2
1.1.1 使用有意義的標(biāo)記/2
1.1.2 文檔類型、DOCTYPE切換和瀏覽器模式/7
1.2 為樣式找到目標(biāo)/9
1.2.1 常用的選擇器/10
1.2.2 通用選擇器/11
1.2.3 高級選擇器/11
1.2.4 層疊和特殊性/14
1.2.5 繼承/16
1.3 規(guī)劃、組織和維護樣式表/17
1.3.1 對文檔應(yīng)用樣式/17
1.3.2 對代碼進(jìn)行注釋/18
1.3.3 樣式指南/20
1.3.4 組織樣式表以便簡化維護/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 視覺格式化模型/27
2.2.2 相對定位/28
2.2.3 絕對定位/29
2.2.4 浮動/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 簡單的CSS陰影/46
3.3.2 來自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章 對鏈接應(yīng)用樣式/59
4.1 簡單的鏈接樣式/59
4.2 讓下劃線更有趣/60
4.3 突出顯示不同類型的鏈接/62
4.4 創(chuàng)建按鈕和翻轉(zhuǎn)/65
4.4.1 簡單的翻轉(zhuǎn)/66
4.4.2 具有圖像的翻轉(zhuǎn)/66
4.4.3 Pixy樣式的翻轉(zhuǎn)/67
4.5 已訪問鏈接樣式/68
4.6 純CSS工具提示/70
4.7 小結(jié)/71
第5章 對列表應(yīng)用樣式和創(chuàng)建導(dǎo)航條/73
5.1 基本列表樣式/74
5.2 創(chuàng)建垂直導(dǎo)航條/75
5.3 在導(dǎo)航條中突出顯示當(dāng)前頁面/77
5.4 創(chuàng)建水平導(dǎo)航條/78
5.5 簡化的“滑動門”標(biāo)簽頁式導(dǎo)航/80
5.6 CSS圖像映射/82
5.7 遠(yuǎn)距離翻轉(zhuǎn)/90
5.8 對于定義列表的簡短說明/93
5.9 小結(jié)/94
第6章 對表單和數(shù)據(jù)表格應(yīng)用樣式/95
6.1　對數(shù)據(jù)表格應(yīng)用樣式/95
6.1.1　表格特有的元素/97
6.1.2　數(shù)據(jù)表格標(biāo)記/98
6.1.3　對表格應(yīng)用樣式/99
6.1.4　添加視覺樣式/100
6.1.5　添加其他樣式/101
6.2　簡單的表單布局/101
6.2.1　有用的表單元素/102
6.2.2　基本布局/103
6.2.3　其他元素/104
6.2.4　修飾/106
6.3　復(fù)雜的表單布局/107
6.3.1　可訪問的數(shù)據(jù)輸入元素/108
6.3.2　多列復(fù)選框/109
6.3.3　表單反饋/111
6.4　小結(jié)/113
第7章 布局/115
7.1 讓設(shè)計居中/115
7.1.1 使用自動空白邊讓設(shè)計居中/116
7.1.2 使用定位和負(fù)值空白邊讓設(shè)計居中/117
7.2 基于浮動的布局/118
7.2.1 兩列的浮動布局/118
7.2.2 三列的浮動布局/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ù)和過濾器/133
8.1 招數(shù)和過濾器簡介/134
8.1.1 關(guān)于招數(shù)和過濾器的一個警告/134
8.1.2 明智地使用招數(shù)/135
8.2 過濾單獨的樣式表/136
8.2.1 IE的有條件注釋/136
8.2.2 帶通過濾器/137
8.3 過濾單獨的規(guī)則和聲明/139
8.3.1 子選擇器招數(shù)/139
8.3.2 屬性選擇器招數(shù)/140
8.3.3 星號HTML招數(shù)/141
8.3.4 IE/Mac注釋反斜線招數(shù)/142
8.3.5 轉(zhuǎn)義屬性招數(shù)/142
8.3.6 Tantek的框模型招數(shù)/143
8.3.7 修改后的簡化框模型招數(shù)/143
8.3.8 !important和下劃線招數(shù)/144
8.3.9 Owen招數(shù)/144
8.4 小結(jié)/145
第9章 bug和bug修復(fù)/147
9.1 bug捕捉/148
9.2 bug捕捉的基本知識/150
9.2.1 隔離問題/151
9.2.2 創(chuàng)建基本測試案例/152
9.2.3 修復(fù)問題，而不是修復(fù)癥狀/153
9.2.4 請求幫助/153
9.3 擁有布局/153
9.3.1 什么是布局/154
9.3.2 布局有什么效果？/154
9.4 常見bug及其修復(fù)方法/156
9.4.1 雙空白邊浮動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 相對容器中的絕對定位/160
9.4.6 停止對IE的批評/161
9.5 小結(jié)/162
實例研究1 More Than Doodles/163
CS1.1 關(guān)于這個實例研究/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 對列進(jìn)行浮動/169
CS1.3.1 計算/169
CS1.3.2 將列浮動到正確的位置/170
CS1.4 根據(jù)主體類突出顯示當(dāng)前頁面/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 使用類組合來確定操作目標(biāo)/178
CS1.9 使用圖像類和例外/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 帶符號的已訪問鏈接/183
CS1.10.3 突出顯示外部鏈接/185
CS1.11 浮動的陰影（圖庫）/186
CS1.11.1 形成陰影/186
CS1.11.2 對圖像進(jìn)行浮動/187
CS1.12 小結(jié)/188
實例研究2 Tuscany Luxury Resorts/189
CS2.1 關(guān)于這個實例研究/189
CS2.2 流體布局/190
CS2.2.1 主體和容器/192
CS2.2.2 報頭/192
CS2.2.3 內(nèi)容和邊欄/193
CS2.2.4 頁腳/195
CS2.2.5 解決流體布局的問題/196
CS2.3 使用絕對定位對準(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 使背景“無懈可擊”/202
CS2.5 圖像替換/204
CS2.5.1 徽標(biāo)圖像替換/204
CS2.5.2 首字母大寫圖像替換/206
CS2.6 流體圖像/207
CS2.7 為多個元素使用一個列表項/209
CS2.8 小結(jié)/212