CSS實(shí)戰(zhàn)精粹

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