CSS3實用指南（簡體書）

《CSS3實用指南》是一本傳播很廣的關于CSS3應用方面的圖書。它介紹了如何應用CSS3才能比傳統方法更加高效、靈活地實現一些常見而優美的網頁設計效果。《CSS3實用指南》通過一系列務實而創新的項目，在實踐中為讀者講解CSS3應用的前沿技巧。另外，《CSS3實用指南》還整理了每一項CSS3屬性、選擇器和值的使用方法，為讀者提供了示例之外的實用性極強的實踐指導。
《CSS3實用指南》適合網站開發人員與網頁設計師閱讀。

目　錄

第1章　CSS3的來龍去脈　1
1.1　什么是CSS3　1
1.1.1　新特性概覽　1
1.1.2　CSS3的當前進展　2
1.1.3　現在就開始使用CSS3　4
1.2　瀏覽器的支持狀況　5
1.2.1　瀏覽器市場份額　5
1.2.2　主流瀏覽器支持狀況　6
1.3　漸進增強　8
1.3.1　優點　9
1.3.2 “讓我來打個比方……”　10
1.4　CSS3的好處　11
1.4.1　減少開發和維護的耗時　11
1.4.2　提升頁面性能　12
1.5　更好的搜索引擎優化　13
1.5.1　提高可用性和可達性　13
1.5.2　與時俱進　14
1.6　案例學習：公路安全研究中心　14
1.6.1　使用CSS3之前　14
1.6.2　使用CSS3之後　16
1.7　明智地使用CSS3　18
1.7.1　瀏覽器前綴　19
1.7.2　處理不支持的瀏覽器　22
1.7.3　使用條件表達式過濾IE　26
1.8　搞定不予支持的客戶或老板　30
1.8.1　有些事不必說　30
1.8.2　提前教給他們漸進增強的思想　31
1.8.3　控制客戶因設計稿而生的過度期望　31

第2章　氣泡對話框　34
2.1　基礎頁面　34
2.2　包裹長文本　35
2.3　無圖的圖形效果　37
2.3.1　圓角的實現　37
2.3.2　增加氣泡的尾巴　41
2.3.3　利用RGBA或HSLA實現半透明背景　47
2.3.4　無圖實現色彩漸變　56
2.3.5　無圖實現盒狀陰影　63
2.3.6　無圖實現文字陰影　67
2.4　頭像的變形效果　70
2.4.1　什么是“變形”　70
2.4.2　旋轉頭像圖片　72
2.5　大功告成　77

第3章　紙質筆記　79
3.1　基礎頁面　79
3.2　高級背景圖片技術　80
3.2.1　背景圖片縮放　80
3.2.2　單一容器上的復合背景圖片　86
3.2.3　添加圖片邊框　91
3.2.4　添加陰影　100
3.3　嵌入字體　101
3.3.1　@font-face是什么　102
3.3.2　選擇可用字體　103
3.3.3　瀏覽器支持度　108
3.3.4　字體格式轉換　109
3.3.5　使用@font-face　110
3.4　大功告成　118

第4章　根據類型為圖片和鏈接定義樣式　121
4.1　基礎頁面　121
4.2　什么是屬性選擇器　122
4.3　用動態添加的圖標指示文件類型　125
4.3.1　除圖標之外的備選方案　127
4.3.2　修正IE 6的問題　128
4.4　區別處理全幅圖和縮略圖的樣式　130
4.4.1　使用類可能遇到的問題　130
4.4.2　使用屬性選擇器按類型定位元素　132
4.5　大功告成　133

第5章　使用偽類來提高效率　135
5.1　不使用ID和類來定位特定元素　135
5.1.1　新的結構偽類　136
5.1.2　回歸氣泡對話框：顏色交替　137
5.1.3　回歸照片：隨機旋轉　141
5.2　動態高亮顯示頁面的區域　147
5.2.1　:target偽類　147
5.2.2　增加目錄　148
5.2.3　更改聚焦區塊的背景色　153
5.2.4　用純CSS實現動畫　156

第6章　不同的屏幕尺寸，不同的設計　168
6.1　基礎頁面　168
6.2　媒體查詢是什么　171
6.3　針對寬屏來改變布局　172
6.3.1　由橫向導航條變為縱向目錄　175
6.3.2　多列文本　176
6.4　針對窄屏來改變布局　181
6.5　針對移動設備來改變布局　187
6.5.1　什么是設備寬度　187
6.5.2　第三次媒體查詢　188
6.5.3　針對高清顯示屏來改進界面　194
6.5.4　可視區域的meta標簽　195
6.6　針對其他瀏覽器的兼容方案　199
6.7　大功告成　200

第7章　布局秀　202
7.1　重大改變　202
7.2　無需浮動或絕對定位，創建多列布局　203
7.2.1　子元素自適應　205
7.2.2　增加欄目　210
7.2.3　重定欄目順序　211
7.2.4　多欄等高　214
7.2.5　水平和垂直居中　216
7.3　實際情況：現實可用部分　221
7.3.1　彈性表單布局　222
7.3.2　底部區域黏附　225
7.4　彈性布局模型的替代品　230
7.4.1　box-sizing屬性　230
7.4.2　未來的布局系統　235

附錄　瀏覽器支持度　237
貢獻　239