第一部分 重新審視HTML
第1章 列表
1.1 逛商店
1.2 測驗
1.2.1 方法A:用
來分隔
1.2.2 折行問題
1.2.3 方法B:項目符號
1.2.4 方法C:更加接近
1.2.5 方法D:包裝的喜悅
1.3 內容回顧
1.4 實例秀
1.4.1 去掉項目符號
1.4.2 創(chuàng)建更酷的項目符號
1.4.3 可導航的列表
1.4.4 迷你選項卡形狀
第2章 標題
2.1 構造文檔標題的最佳方式是什么
2.1.1 方法A:富有語義
2.1.2 方法B: 與 的組合
2.1.3 方法C:樣式和內容
2.2 內容回顧
2.3 實例秀
2.3.1 簡潔的樣式
2.3.2 加背景
2.3.3 可變換的圖標
2.3.4 方便地更新
2.3.5 變色龍效果
2.4 小結
第3章 表格是邪惡的嗎
3.1 完全的表格形態(tài)
3.2 人人可有的表格
3.3 添加摘要
3.4 表頭
3.5 表頭和數據的關系
3.6 使用abbr屬性
3.7 、和
3.8 表格是邪惡的嗎
3.9 實例秀
3.9.1 創(chuàng)建網格
3.9.2 壓縮空白
3.9.3 除IE/Mac之外的版本
3.9.4 騰出空間
3.9.5 自定義表頭外觀
3.9.6 帶背景圖片的表頭
3.9.7 給ID指定圖標
3.10 小結
第4章 引用文本
4.1 方法A:缺乏語義
4.2 方法B:類的演出
4.3 方法C:是最好的
4.4 內容回顧
4.5 實例秀
4.5.1 刨根問底的cite
4.5.2 行內引用
4.5.3 為 設定樣式
4.6 小結
第5章 表單
5.1 創(chuàng)建表單時有哪些選擇
5.1.1 方法A:使用一個表格
5.1.2 方法B:沒有表格,卻變得擁擠
5.1.3 方法C:簡單并且更有親和力
5.2 內容回顧
5.3 實例秀
5.3.1 神奇的tabindex
5.3.2 為頻繁訪問的表單設定accesskey
5.3.3 給表單設定樣式
5.4 小結
第6章 、 及其他短語元素
6.1 表現化與結構化
6.1.1 為什么和比和要好
6.1.2 那么呢
6.1.3 只要粗體或者斜體就行了
6.1.4 粗體加斜體
6.2 內容回顧
6.3 實例秀
6.3.1 短語元素
6.3.2 設計
6.3.3 和
6.3.4
6.3.5
6.3.6
6.3.7
6.4 最后的短語
第7章 錨點
7.1 當指向頁面特定部分時,如何構建錨點才是最佳方案
7.1.1 方法A:空的名字
7.1.2 方法B:都在名稱中
7.1.3 方法C:去掉名稱
7.1.4 方法D:全合一
7.2 內容回顧
7.3 實例秀
7.3.1 title屬性
7.3.2 給鏈接設定樣式
7.4 收錨啟航
第8章 更多列表
8.1 構造編號列表的最佳方式
8.1.1 方法A:無序的順序
8.1.2 方法B:有序列表
8.2 構造一組詞條和解釋的最佳代碼是什么
8.2.1 方法A
8.2.2 方法B
8.3 內容回顧
8.4 實例秀
8.4.1 標識各個部分
8.4.2 自定義編號
8.4.3 將編號加到CSS里
8.4.4 最終效果
8.5 小結
第9章 精簡HTML代碼
9.1 使用Web標準構建網站時如何精簡HTML代碼
9.1.1 子代選擇符
9.1.2 方法A:愉快地使用類
9.1.3 方法B:自然選擇
9.1.4 不必要的
9.1.5 方法A:愉快地使用
9.1.6 方法B:丟掉
9.1.7 其他示例
9.1.8 內容回顧
9.2 實例秀
9.2.1 未加工的HTML代碼
9.2.2 添加樣式
9.2.3 自定義項目符號
9.2.4 添加邊框
9.3 小結
第二部分 樣式點滴
第10章 應用CSS
10.1 怎樣將CSS應用到文檔上
10.1.1 方法A:元素
10.1.2 方法B:外部樣式表
10.1.3 方法C:@import
10.1.4 為多個樣式表結合使用方法B和C
10.1.5 兩種級別的樣式
10.1.6 擁抱層疊
10.1.7 方法D:行內樣式
10.2 內容回顧
10.3 實例秀
10.4 小結
第11章 打印樣式
11.1 如何對打印指定樣式
11.1.1 媒介類型
11.1.2 兩種定向方式
11.1.3 方法A:media屬性
11.1.4 方法B:@media或者@import
11.1.5 允許多個值
11.1.6 分隔屏幕和打印樣式
11.1.7 建立打印樣式表
11.2 內容回顧
第12章 CSS布局
12.1 如何用CSS構造兩欄布局
12.1.1 方法A:浮動側欄
12.1.2 方法B:雙浮動
12.1.3 方法C:浮動內容
12.1.4 方法D:絕對定位
12.2 內容回顧
12.3 實例秀
12.3.1 框模型問題
12.3.2 偽欄
12.4 小結
第13章 設定文本樣式
13.1 怎么把超文本變酷
13.1.1 改變Times字體
13.1.2 改變行間距
13.1.3 都是一家人
13.1.4 字符間距調整
13.1.5 段首字母下沉
13.1.6 文本對齊
13.1.7 字形變換
13.1.8 小型大寫字母
13.1.9 段落縮進
13.2 內容回顧
第14章 圖片替換
14.1 怎樣通過CSS用圖片替換文本
14.1.1 不存在完美的解決方案
14.1.2 使用它,但要小心
14.2 方法A:Fahrner圖片替換
14.2.1 HTML代碼
14.2.2 額外的標簽
14.2.3 CSS代碼
14.2.4 指定背景
14.2.5 優(yōu)點
14.2.6 缺點
14.2.7 權衡利弊
14.3 方法B:Leahy/Langridge圖片替(LIR)
14.3.1 HTML和CSS代碼
14.3.2 框模型的痛苦
14.3.3 缺點
14.4 方法C:Phark方法
14.4.1 HTML和CSS代碼
14.4.2 還是不完美
14.5 內容回顧
14.6 實例秀
14.6.1 標志切換
14.6.2 示例
14.6.3 一對標志
14.6.4 CSS代碼
14.6.5 恢復鏈接
14.6.6 結果
14.7 具有親和力的可翻轉圖片選項卡
14.7.1 問題
14.7.2 解決方案
14.7.3 HTML代碼:一個列表統(tǒng)領一切
14.7.4 一張圖片,三種狀態(tài)
14.7.5 CSS:魔法產生的地方
14.7.6 結果
14.7.7 為什么要使用它
14.7.8 文本不能縮放
14.8 兼容性
14.9 小結
第15章 為設定樣式
15.1 兩欄,有時又是三欄
15.1.1 頁面和樣式結構
15.1.2 有類
15.1.3 不僅可用于欄
15.2 “你在這里”
15.2.1 導航列表
15.2.2 標明各個部分
15.2.3 魔法CSS
15.3 內容回顧
第16章 下一步
16.1 下一步去往何處
16.1.1 組織和出版物
16.1.2 富有影響力和啟發(fā)性的博客
16.1.3 書籍
16.2 結束語
索引