第一部分 重新審視HTML
第1章 列錶 2
1.1 逛商店 2
1.2 測驗 3
1.2.1 方法A：用br/來分隔 3
1.2.2 摺行問題 3
1.2.3 方法B：項目符號 4
1.2.4 方法C：更加接近 5
1.2.5 方法D：包裝的喜悅 6
1.3 內容迴顧 6
1.4 實例秀 7
1.4.1 去掉項目符號 7
1.4.2 創建更酷的項目符號 8
1.4.3 可導航的列錶 9
1.4.4 迷你選項卡形狀 12
第2章 標題 14
2.1 構造文檔標題的最佳方式是什麼 14
2.1.1 方法A：富有語義 14
2.1.2 方法B：p與b的組閤 15
2.1.3 方法C：樣式和內容 16
2.2 內容迴顧 18
2.3 實例秀 18
2.3.1 簡潔的樣式 18
2.3.2 加背景 19
2.3.3 可變換的圖標 21
2.3.4 方便地更新 21
2.3.5 變色龍效果 22
2.4 小結 23
第3章 錶格是邪惡的嗎 24
3.1 完全的錶格形態 24
3.2 人人可有的錶格 25
3.3 添加摘要 27
3.4 錶頭 28
3.5 錶頭和數據的關係 29
3.6 使用abbr屬性 31
3.7 thead、tfoot和tbody 31
3.8 錶格是邪惡的嗎 33
3.9 實例秀 33
3.9.1 創建網格 33
3.9.2 壓縮空白 34
3.9.3 除IE/Mac之外的版本 35
3.9.4 騰齣空間 35
3.9.5 自定義錶頭外觀 36
3.9.6 帶背景圖片的錶頭 37
3.9.7 給ID指定圖標 39
3.10 小結 41
第4章 引用文本 42
4.1 方法A：缺乏語義 42
4.2 方法B：類的演齣 43
4.3 方法C：blockquote是最好的 43
4.4 內容迴顧 44
4.5 實例秀 44
4.5.1 刨根問底的cite 45
4.5.2 行內引用 45
4.5.3 為blockquote設定樣式 46
4.6 小結 51
第5章 錶單 52
5.1 創建錶單時有哪些選擇 52
5.1.1 方法A：使用一個錶格 52
5.1.2 方法B：沒有錶格，卻變得擁擠 53
5.1.3 方法C：簡單並且更有親和力 54
5.2 內容迴顧 58
5.3 實例秀 59
5.3.1 神奇的tabindex 59
5.3.2 為頻繁訪問的錶單設定accesskey 60
5.3.3 給錶單設定樣式 61
5.4 小結 67
第6章 strong、em及其他短語元素 68
6.1 錶現化與結構化 69
6.1.1 為什麼strong和em比b和i要好 69
6.1.2 那麼em呢 70
6.1.3 隻要粗體或者斜體就行瞭 70
6.1.4 粗體加斜體 72
6.2 內容迴顧 73
6.3 實例秀 73
6.3.1 短語元素 73
6.3.2 cite設計 74
6.3.3 abbr和acronym 76
6.3.4 code 78
6.3.5 samp 78
6.3.6 var 79
6.3.7 kbd 79
6.4 最後的短語 79
第7章 錨點 80
7.1 當指嚮頁麵特定部分時，如何構建錨點纔是最佳方案 80
7.1.1 方法A：空的名字 80
7.1.2 方法B：都在名稱中 81
7.1.3 方法C：去掉名稱 82
7.1.4 方法D：全閤一 84
7.2 內容迴顧 84
7.3 實例秀 85
7.3.1 title屬性 85
7.3.2 給鏈接設定樣式 86
7.4 收錨啓航 90
第8章 更多列錶 91
8.1 構造編號列錶的最佳方式 91
8.1.1 方法A：無序的順序 92
8.1.2 方法B：有序列錶 92
8.2 構造一組詞條和解釋的最佳代碼是什麼 94
8.2.1 方法A 95
8.2.2 方法B 95
8.3 內容迴顧 98
8.4 實例秀 98
8.4.1 標識各個部分 98
8.4.2 自定義編號 99
8.4.3 將編號加到CSS裏 99
8.4.4 最終效果 100
8.5 小結 101
第9章 精簡HTML代碼 102
9.1 使用Web標準構建網站時如何精簡HTML代碼 102
9.1.1 子代選擇符 103
9.1.2 方法A：愉快地使用類 103
9.1.3 方法B：自然選擇 104
9.1.4 不必要的div 106
9.1.5 方法A：愉快地使用div 107
9.1.6 方法B：丟掉div 107
9.1.7 其他示例 107
9.1.8 內容迴顧 108
9.2 實例秀 108
9.2.1 未加工的HTML代碼 108
9.2.2 添加樣式 109
9.2.3 自定義項目符號 110
9.2.4 添加邊框 111
9.3 小結 113
第二部分 樣式點滴
第10章 應用CSS 116
10.1 怎樣將CSS應用到文檔上 116
10.1.1 方法A：style元素 117
10.1.2 方法B：外部樣式錶 118
10.1.3 方法C：@import 118
10.1.4 為多個樣式錶結閤使用方法B和C 120
10.1.5 兩種級彆的樣式 121
10.1.6 擁抱層疊 122
10.1.7 方法D：行內樣式 123
10.2 內容迴顧 124
10.3 實例秀 125
10.4 小結 128
第11章 打印樣式 129
11.1 如何對打印指定樣式 129
11.1.1 媒介類型 130
11.1.2 兩種定嚮方式 130
11.1.3 方法A：media屬性 130
11.1.4 方法B：@media或者@import 131
11.1.5 允許多個值 131
11.1.6 分隔屏幕和打印樣式 132
11.1.7 建立打印樣式錶 132
11.2 內容迴顧 137
第12章 CSS布局 138
12.1 如何用CSS構造兩欄布局 138
12.1.1 方法A：浮動側欄 139
12.1.2 方法B：雙浮動 144
12.1.3 方法C：浮動內容 145
12.1.4 方法D：絕對定位 148
12.2 內容迴顧 154
12.3 實例秀 155
12.3.1 框模型問題 155
12.3.2 僞欄 158
12.4 小結 160
第13章 設定文本樣式 161
13.1 怎麼把超文本變酷 161
13.1.1 改變Times字體 162
13.1.2 改變行間距 162
13.1.3 都是一傢人 163
13.1.4 字符間距調整 164
13.1.5 段首字母下沉 165
13.1.6 文本對齊 167
13.1.7 字形變換 168
13.1.8 小型大寫字母 169
13.1.9 段落縮進 169
13.2 內容迴顧 170
第14章 圖片替換 171
14.1 怎樣通過CSS用圖片替換文本 171
14.1.1 不存在完美的解決方案 171
14.1.2 使用它，但要小心 172
14.2 方法A：Fahrner圖片替換 172
14.2.1 HTML代碼 172
14.2.2 額外的標簽 172
14.2.3 CSS代碼 173
14.2.4 指定背景 173
14.2.5 優點 174
14.2.6 缺點 174
14.2.7 權衡利弊 175
14.3 方法B：Leahy/Langridge圖片替(LIR) 175
14.3.1 HTML和CSS代碼 175
14.3.2 框模型的痛苦 176
14.3.3 缺點 176
14.4 方法C：Phark方法 176
14.4.1 HTML和CSS代碼 176
14.4.2 還是不完美 177
14.5 內容迴顧 177
14.6 實例秀 178
14.6.1 標誌切換 178
14.6.2 示例 178
14.6.3 一對標誌 179
14.6.4 CSS代碼 179
14.6.5 恢復鏈接 180
14.6.6 結果 180
14.7 具有親和力的可翻轉圖片選項卡 181
14.7.1 問題 181
14.7.2 解決方案 182
14.7.3 HTML代碼：一個列錶統領一切 182
14.7.4 一張圖片，三種狀態 182
14.7.5 CSS：魔法産生的地方 183
14.7.6 結果 184
14.7.7 為什麼要使用它 185
14.7.8 文本不能縮放 185
14.8 兼容性 185
14.9 小結 186
第15章 為body設定樣式 187
15.1 兩欄，有時又是三欄 187
15.1.1 頁麵和樣式結構 189
15.1.2 body有類 190
15.1.3 不僅可用於欄 190
15.2 “你在這裏” 191
15.2.1 導航列錶 191
15.2.2 標明各個部分 192
15.2.3 魔法CSS 193
15.3 內容迴顧 194
第16章 下一步 195
16.1 下一步去往何處 195
16.1.1 組織和齣版物 195
16.1.2 富有影響力和啓發性的博客 197
16.1.3 書籍 199
16.2 結束語 200
索引 201
· · · · · · (收起)