CSS實戰(zhàn)精粹

作者簡介
技術評論員簡介
致謝
導言
第1章 CSS的目標
1.1 使用CSS制作樣式的優(yōu)勢
1.2 語義化（x）HTML：有意義的標記
1.2.1 什么是語義化標記
1.2.2 編寫語義化標記在現(xiàn)實中對你有什么幫助
1.2.3 創(chuàng)建富含語義的（x）HTML標記
1.2.4 避免使用非結構性標簽
1.2.5 避免“Divitis”和“Classitis”
1.3 選擇你的標記語言和DOCTYPE
1.3.1 HTML對XHTML：決定的重要性
1.3.2 DOCTYPE：最被低估的標簽
1.4 現(xiàn)代Web文檔的三層結構
1.5 總結
第2章 樣式表語言
2.1 為文檔增添樣式
2.1.1 標簽
2.1.2 使用多個樣式表
2.1.3 style元素
2.2 創(chuàng)建樣式表
2.3 聲明
2.4 選擇符
2.4.1 元素選擇符
2.4.2 類選擇符
2.4.3 ID選擇符
　2.5 （X）HTML的家族樹
　2.5.1 后代選擇符
　 2.5.2 子元素選擇符
　2.5.3 相鄰選擇符
　2.6 特性選擇符
　2.6.1 存在的特性
　2.6.2 具體屬性值
　 2.6.3 部分屬性值
　 2.6.4 特定屬性選擇符
　2.7 偽類和偽元素
2.7.1 偽類
2.7.2 偽元素
　2.8 選擇符的串聯(lián)
　2.9 選擇符分組
　2.10 總結
第3章 優(yōu)先級和級聯(lián)
3.1 選擇符
3.1.1 選擇符：簡單和組合
3.1.2 通配選擇符：“*”
3.1.3 元素選擇符
3.1.4 后代選擇符、子元素選擇符和相鄰選擇符
3.1.5 偽類選擇符
3.1.6 鏈接和動態(tài)偽類：讓人又愛又恨
3.1.7 偽元素
3.2 級聯(lián)：計算優(yōu)先級
3.2.1 CSS 2.1規(guī)范對級聯(lián)的描述
3.2.2 翻譯規(guī)范
3.2.3 保持評分
3.2.4 幾個實例
3.2.5 理解評分機制
3.2.6 級聯(lián)、行內(nèi)樣式和!important對評分的影響
3.2.7 實例
3.3 總結
第4章 瀏覽器
4.1 歷史回顧
4.2 標準的遷移
4.3 當前（桌面）瀏覽器概況
4.3.1 Firefox
4.3.2 Safari
4.3.3 Opera
4.3.4 Intemet Explorer
4.3.5 其他瀏覽器
4.4 如何應對舊的桌面瀏覽器
4.4.1 瀏覽器分級支持
4.4.2 如何選擇開發(fā)瀏覽器
4.5 移動網(wǎng)絡的瀏覽器
4.6 總結
第5章 CSS文件管理
5.1 樣式儲存
5.1.1 CSS文件路徑
5.1.2 將多個文件當成一個樣式表
5.2 類和id名稱的慣例
5.3 格式化CSS定義
5.3.1 所有屬性一行VS.每行一種屬性
5.3.2 特點排序
5.3.3 用縮略來省時間
5.4 用注釋為CSS規(guī)則標記和分組
5.4.1 CSS注釋語法
5.4.2 代碼標記
5.4.3 為元數(shù)據(jù)注釋
5.4.4 “代碼術語”的注釋
5.4.5 分組注釋
5.5 為CSS規(guī)則排序
5.5.1 從一般到特殊
5.5.2 根據(jù)規(guī)則出現(xiàn)的順序
5.5.3 根據(jù)網(wǎng)站的頁面或分區(qū)
5.6 創(chuàng)建一個可重復使用的框架
5.7 大量重設
5.8 總結
第6章 Hacks和Workarounds
6.1 使用“標準優(yōu)先”的方法
6.1.1 IE／Win是你最后的選擇，然后像外科醫(yī)生一樣hack
6.1.2 慢著，你忘了一些瀏覽器
6.2 是否hack
6.2.1 什么時候該用hack
6.2.2 沒必要太生動
6.3 讓hack保持獨立及注釋
6.3.1 IE條件性注釋
6.3.2 一定要讓hack保持獨立
6.3.3 你可能根本就不需要hack
6.3.4 這些代碼的作用是什么
6.4 一些好的hack（和變通方法）
6.4.1 請容許我為你介紹
6.4.2 濾器：一種復雜又高級的hack
6.4.3 你應該了解的IE 7的“進步”
6.5 hack一個真實的布局
6.5.1 布局
6.5.2 hack
6.6 不需要hack的例子
6.6.1 設計
6.6.2 標記
6.6.3 樣式表
6.6.4 為IE 6做一定的調(diào)整
6.7 總結
第7章 GSS布局
7.1 永無休止的爭論：什么是最完美的頁面寬度
7.1.1 固定寬度布局
7.1.2 流式布局
7.1.3 彈性布局
7.1.4 分辨率依賴性布局
7.1.5 兩欄或三欄
7.2 輕觸開關改變布局
7.2.1 切換到醒目頁面
7.2.2 切換到入口頁面部分
7.3 Faux欄：使用背景圖片創(chuàng)建欄
7.3.1 解決方法：Faux欄
7.3.2 可變文本+固定背景寬度=麻煩
7.3.3 固定寬度布局：隨著字體大小而變化的欄
7.4 管理浮層
7.4.1 浮動所有的東西
7.4.2 使用簡易清除
7.4.3 用溢出控制浮動
7.5 否定的好處
7.6 CSS布局的彈性
7.6.1 布局實例
7.6.2 樣式轉(zhuǎn)換器：賦予用戶控制權
7.7 總結
第8章 創(chuàng)建一般頁面元素
8.1 設計頁眉
8.1.1 使用小Logo
8.1.2 混合并匹配前景和背景圖片
8.1.3 定位Logo和標語
8.1.4 增加背景圖片
8.1.5 增加倒影圖片
8.1.6 使樣式表失效
8.1.7 增加網(wǎng)站搜索和站點級別的頁眉鏈接
8.1.8 將鏈接浮動到位
8.1.9 定位搜索盒
8.2 創(chuàng)建基于CSS的Tab式導航
8.2.1 創(chuàng)建標記
8.2.2 定位鏈接
8.2.3 設計鏈接
8.3 當前位置
8.3.1 展示當前位置的層次
8.3.2 設計層次的順序
8.4 圖片和懸停效果
8.4.1 簡單圖片互換
8.4.2 避免“Divitis”
8.4.3 小魔法：多種狀態(tài)一個圖片
8.4.4 遠處圖片的轉(zhuǎn)換
8.4.5 遠處圖片轉(zhuǎn)換和小魔法的組合
8.5 圓角盒
8.5.1 創(chuàng)建一個固定寬度的圓盒子
8.5.2 創(chuàng)建一個可放大的圓角盒
8.5.3 制作背景圖片
8.6 總結
第9章 排版
9.1 字樣分類
9.1.1 Serif（font.family：serif；）?
9.1.2 Sans Serif（font—family：sans—serif；）
9.1.3 Monospace（font—family：monospace；）
9.1.4 Cursive（font—family：cursive；）
9.1.5 Fantasy（font.family：fantasy；）
9.2 用CSS選擇字體
9.2.1 使用一般字體族
9.2.2 使用特殊字體族
9.2.3 網(wǎng)絡上的字樣問題
9.2.4 微軟Vista字體
　9.3 字體粗細
9.3.1 用關鍵字分配font—weight
9.3.2 用數(shù)值分配font—weight
9.3.3 bolder和lighter
9.3.4 關于字體粗細的最后結語
　9.4 設置字體大小
9.4.1 絕對尺寸關鍵詞
9.4.2 相對尺寸關鍵字
9.4.3 使用像素設置文本大小
9.4.4 用百分值和em設置文本尺寸
9.4.5 Richard Rutter的62.5％hack
　9.5 字體樣式
　9.6 轉(zhuǎn)換文本
　9.7 字體變異
　9.8 設置文本塊
9.8.1 行距
9.8.2 空行（或行高）
9.8.3 字符間距調(diào)整
9.8.4 文本對齊和校對
9.8.5 塊段落和傳統(tǒng)段落
9.8.6 提示新段落
9.8.7 設置引用
　9.9 標題和副標題
　9.9.1 頁面邊距
　 9.9.2 圖片替換
　9.9.3 完整的例子
　9.10 總結
第10章 設計表格
10.1 表格標記
10.1.1 caption元素
10.1.2 tIl元素
10.1.3 abbr屬性
10.1.4 scope屬性
10.1.5 在復雜表格中分配作用域
10.1.6 thead、tfoot和tbody元素
10.1.7 欄
10.1.8 summary屬性
10.1.9 所有的標記
10.2 增加樣式
10.2.1 表格邊框
10.2.2 斑馬式表格
10.2.3 設計標題
10.3 更上一層樓
10.4 總結
第11章 設計表單
11.1 設計表單控件
11.2 表單布局
11.2.1 表單的語義化（x）HTML
11.2.2 對表單應用基本的設計
11.2.3 中級表單設計
11.2.4 將標簽和它們的域放在中間
11.3 總結
第12章 設計列表
12.1 基本列表
12.2 去掉瀏覽器默認樣式
12.3 列表平齊
12.4 白定義項目編號
12.4.1 設計有序列表
12.4.2 用背景圖片自定義項目符號
12.4.3 右邊排列的圖標
12.5 垂直導航鏈接
12.5.1 鏈接的填充
12.5.2 鏈接的懸停效果
12.5.3 完整的頁面
12.5.4 命名和隱藏鏈接組
15.6 用關聯(lián)選擇符顯示位置
12.7 設計定義列表
12.7.1 例1：安排日常事務
12.7.2 例2：貨物評論
12.8 總結
第13章 設計打印和其他媒體樣式
13.1 媒體類型簡介
13.1.1 實用的媒體類型
13.1.2 不是那么實用的媒體類型
13.2 指定媒體類型
13.2.1 給鏈接元素增加一個媒體屬性
13.2.2 給@import語句增加一個媒體屬性
13.2.3 為樣式表中的某個特定選擇符增加媒體屬性
　13.3 創(chuàng)建一個打印樣式表
　13.4 打印CSS文件中包含的內(nèi)容
13.4.1 重設布局
13.4.2 隱藏導航和其他互動元素
13.4.3 糾正一些從屏幕樣式表中繼承來的小問題
　13.5 獲得更好的打印頁面的小竅門
　13.6 需要警惕的事情
13.6.1 檢查你的頁面寬度
13.6.2 CSS定位的打印錯誤
13.6.3 搜集有關你的“有趣的打印輸出”的反饋
　13.7 高級CSS打印技巧
13.7.1 在打印頁面插入URL
13.7.2 用DOM和CSS實現(xiàn)選擇性打印
13.8 其他媒體類型的樣式表
13.8.1 投影
13.8.2 語音媒體
13.8.3 便攜式媒體
　 13.8.4 所有媒體類型
13.9 總結
第14章 常見問題解析
14.1 當你不知道什么出了錯時該怎么辦
14.1.1 實用的瀏覽器助手和工具
14.1.2 檢驗標記和樣式
14.1.3 在塊中使樣式失效
14.1.4 讓hack失效
14.1.5 創(chuàng)建最小測試案例，讓問題變得簡單.
14.2 CSS常見錯誤
14.2.1 特異性問題
14.2.2 圖片路徑
14.2.3 鏈接順序
14.2.4 清除掉所有浮動
14.3 CSS常見bug（在IE中）
14.3.1 兩倍的浮動邊距
14.3.2 三像素偏移
14.3.3 在一個相對容器里的絕對定位
14.3.4 空格bug
14.4 在現(xiàn)實中解決問題：演練
14.4.1 創(chuàng)建布局
14.4.2 讓它在Firefox中表現(xiàn)完美
14.4.3 IE的悲哀
14.4.4 增加副導航
14.4.5 為什么不把hack分組呢
14.5 總結
附錄A CSS參考
A.1 CSS單位、關鍵字和其他屬性值
A.1.1 分數(shù)和整數(shù)
A.1.2 顏色
A.1.3 font
A.1.4 長度
A.1.5 百分數(shù)
A.1.6 定位關鍵字
A.1.7 URL
A.1.8 多種用途的屬性
A.1.9 繼承
A.2 CSS屬性
A.2.1 font、文本顏色、文本尺寸和類似屬性
A.2.2 間距和排列類型
A.2.3 盒模型
A.2.4 定位
A.2.5 背景顏色、圖片和類似的屬性
A.2.6 列表
A.2.7 表格
A.2.8 生成的內(nèi)容
A.2.9 cursor
A.2.10 打印
附錄B GSS特異性分級表
B.1 元素選擇符
B.2 后代、子和相鄰選擇符
B.3 屬性選擇符
B.4 偽類選擇符
B.5 偽元素
附錄C 瀏覽器分級表
C.1 背景
C.2 邊框
C.3 邊距
　C.4 間距
　C.5 尺寸
　C.6 文本
　C.7 font
　C.8 列表和標記
　C.9 定位
　C.10 分級
　C.11 表格
　C.12 偽類
　C.13 偽元素
　C.14 輪廓
索引