《css 3實(shí)戰(zhàn)》由國(guó)內(nèi)資深web前端工程師撰寫，權(quán)威性毋庸置疑。如果你是一位有前瞻性的web前端工作者，那么本書也許會(huì)讓你在即將到來(lái)的web技術(shù)革命中領(lǐng)先一步。
　　 本書技術(shù)新穎，基于css 3的最新版本撰寫，所有新功能和新特性盡含其中；內(nèi)容全面，不僅講解了css 3的方方面面，而且還在一些關(guān)鍵的功能點(diǎn)上與css 2.x進(jìn)行了充分的比較；實(shí)戰(zhàn)性強(qiáng)，幾乎所有知識(shí)點(diǎn)都配有案例，全書配有實(shí)戰(zhàn)案例百余個(gè)。本書不僅能滿足讀者系統(tǒng)學(xué)習(xí)理論知識(shí)的需求，還能滿足需要充分實(shí)踐的需求。
　　 全書一共分為9章，首先從宏觀上介紹了css 3技術(shù)的最新發(fā)展現(xiàn)狀、新特性，以及現(xiàn)有的主流瀏覽器對(duì)這些新特性的支持情況；然后詳細(xì)講解了css 3的選擇器、文本特性、顏色特性、彈性布局、邊框和背景特性、盒模型、ui設(shè)計(jì)、多列布局、圓角和陰影、漸變、變形、轉(zhuǎn)換、動(dòng)畫、投影、開放字體、設(shè)備類型、語(yǔ)音樣式等重要的理論知識(shí)，這部分內(nèi)容是本書的基礎(chǔ)和核心。不僅每個(gè)知識(shí)點(diǎn)都配有豐富的、精心設(shè)計(jì)的實(shí)戰(zhàn)案例，而且詳細(xì)介紹了每一種新特性在各種主流瀏覽器上的兼容性，旨在幫助設(shè)計(jì)師們提高設(shè)計(jì)的安全性。
　　 本書全彩印刷，排版、設(shè)計(jì)和裝幀也非常精美，既適合學(xué)習(xí)參考，也適合收藏。無(wú)論你是前端領(lǐng)域的新人，還是有著豐富經(jīng)驗(yàn)的老手，都能通過本書系統(tǒng)而全面地學(xué)習(xí)和實(shí)踐css 3的最新技術(shù)，為迎接新一輪的web技術(shù)革命打下堅(jiān)實(shí)的基礎(chǔ)。
[圖書目錄]《css 3實(shí)戰(zhàn)》
前言
第 1 章　預(yù)覽激動(dòng)人心的css 3　1
1.1　 css 3發(fā)展概述　1
1.2　 css 3模塊化簡(jiǎn)介　2
1.3　 css 3新特性概覽　4
1.4　 主流瀏覽器對(duì)css 3的支持　8
1.5　 css 3的未來(lái)和思考　9
第 2 章　css 3新增的選擇器　11
2.1　屬性選擇器　13
實(shí)戰(zhàn)體驗(yàn)：文檔共享的友善之舉　14
2.2　結(jié)構(gòu)偽類選擇器　17
實(shí)戰(zhàn)體驗(yàn)1：設(shè)計(jì)優(yōu)雅的數(shù)據(jù)表格　19
實(shí)戰(zhàn)體驗(yàn)2：css大戰(zhàn)保齡球　21
實(shí)戰(zhàn)體驗(yàn)3：讓枯燥的列表更有趣　27
實(shí)戰(zhàn)體驗(yàn)4：清理圓角邊框中的垃圾標(biāo)簽　29
2.3　 ui元素狀態(tài)偽類選擇器　33
實(shí)戰(zhàn)體驗(yàn)1：設(shè)計(jì)可用的表單　36
實(shí)戰(zhàn)體驗(yàn)2：設(shè)計(jì)友好、易用的表單　40
2.4　 其他新增選擇器　45
.實(shí)戰(zhàn)體驗(yàn)1：設(shè)計(jì)層序化的數(shù)據(jù)表格　47
實(shí)戰(zhàn)體驗(yàn)2：改善頁(yè)內(nèi)導(dǎo)航的視覺體驗(yàn)　50
第3章　增強(qiáng)的文本和顏色功能　54
3.1　文本陰影—text-shadow屬性　56
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)超酷的黑貓警長(zhǎng)首頁(yè)　62
3.2　溢出文本省略—text-over flow屬性　64
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)固定區(qū)域的新聞列表　66
3.3　文本換行顯示—word-wrop屬性　67
實(shí)戰(zhàn)體驗(yàn)：防止表格標(biāo)題行換行　71
3.4　css 3文本模塊解析　73
3.5　css 3不同版本之間的文本規(guī)范的差異　79
3.6　hsl色彩模式　80
實(shí)戰(zhàn)體驗(yàn)：網(wǎng)頁(yè)配色解決方案表　81
3.7　hsla色彩模式　86
實(shí)戰(zhàn)體驗(yàn)：模擬漸變色條　87
3.8　rgba色彩模式　88
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)帶陰影邊框的表單　88
3.9　不透明度—opacity屬性　90
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)燈箱廣告背景布　91
第4章　新增的彈性盒模型　93
4.1　定義盒子的布局取向—box-orient屬性　95
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)多欄布局　96
4.2　定義盒子的布局順序—box-direction屬性　99
實(shí)戰(zhàn)體驗(yàn)：反向布局網(wǎng)頁(yè)　100
4.3　定義盒子布局位置—box-ordinal-group屬性　101
實(shí)戰(zhàn)體驗(yàn)：垂直網(wǎng)頁(yè)布局　102
4.4　定義盒子的彈性空間—box-flex屬性　104
實(shí)戰(zhàn)體驗(yàn)：自適應(yīng)欄目寬度設(shè)計(jì)　105
4.5　管理盒子的空間—box-pack和box-align屬性　109
實(shí)戰(zhàn)體驗(yàn)：自適應(yīng)布局居中設(shè)計(jì)　111
4.6　空間溢出管理—box-lines屬性　115
實(shí)戰(zhàn)體驗(yàn)：讓子元素分行顯示　115
4.7　彈性布局綜合實(shí)戰(zhàn)—打造新技術(shù)含量的博客　117
4.7.1　構(gòu)建博客頁(yè)的基本結(jié)構(gòu)　117
4.7.2　完善博客頁(yè)的結(jié)構(gòu)　118
4.7.3　彈性布局設(shè)計(jì)　119
第5章　完善的盒模型和ui設(shè)計(jì)　124
5.1　定義多色邊框—border-color屬性　124
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)立體邊框　127
5.2　定義邊框背景圖—border-image屬性　128
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)各種精巧的邊框　138
5.3　設(shè)計(jì)圓角—border-radius屬性　140
5.4　設(shè)計(jì)塊陰影—box-shadow屬性　147
5.5　css 3邊框和背景樣式綜合實(shí)戰(zhàn)　151
5.6　設(shè)計(jì)多重背景圖象—background屬性　155
實(shí)戰(zhàn)體驗(yàn)：背景圖像合成　157
5.7　定義背景坐標(biāo)原點(diǎn)—background-origin屬性　158
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)信紙背景效果　159
5.8　定義背景裁剪區(qū)域—background-clip屬性　160
實(shí)戰(zhàn)體驗(yàn)1：設(shè)計(jì)內(nèi)容區(qū)背景　163
實(shí)戰(zhàn)體驗(yàn)2：設(shè)計(jì)按鈕效果　163
5.9　定義背景圖像大小—background-size屬性　164
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)自適應(yīng)模塊大小的背景圖像　165
5.10　溢出內(nèi)容處理—overflow-x和overflow-y屬性　166
5.11　定義盒模型解析模式—box-sizing屬性　170
5.12　自由縮放—resize屬性　171
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)能隨意調(diào)整大小的壁畫　172
5.13　定義外輪廓線—outline屬性　173
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)醒目激活和焦點(diǎn)提示框　175
5.14　定義外輪廓線寬度—outline-width屬性　177
5.15　定義外輪廓線樣式—outline-style屬性　178
5.16　定義外輪廓線顏色—outline-color屬性　179
5.17　定義外輪廓線位移—outline-offset屬性　179
實(shí)戰(zhàn)體驗(yàn)：放大激活和焦點(diǎn)提示框　180
5.18　定義導(dǎo)航序列號(hào)—nav-index屬性　181
實(shí)戰(zhàn)體驗(yàn)：調(diào)整表單輸入框的鍵盤激活順序　182
5.19　定義方向鍵控制順序　184
實(shí)戰(zhàn)體驗(yàn)：正確定義鍵盤控制鍵順序　185
5.20　為元素添加內(nèi)容—content屬性　187
第6章　css 3多列布局　190
6.1　定義多列布局—columns屬性　190
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)文章多欄顯示　191
6.2　定義列寬度—column-width屬性　192
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)固定寬度的欄目版面　193
6.3　定義列數(shù)—column-count屬性　194
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)固定列數(shù)的版面　195
6.4　定義列間距—column-gap屬性　196
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)疏朗的文檔版面　197
6.5　定義列邊框樣式—column-rule屬性　198
實(shí)戰(zhàn)體驗(yàn)：為多列布局版面設(shè)計(jì)邊框效果　200
6.6　定義跨列顯示—column-span屬性　201
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)文章標(biāo)題跨列顯示　202
6.7　定義欄目高度—column-fill屬性　203
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)不等高的多列布局效果　204
6.8　分列打印　206
6.9　結(jié)合案例實(shí)戰(zhàn)—設(shè)計(jì)精美的多列網(wǎng)頁(yè)版式　207
第7章　css 3漸變?cè)O(shè)計(jì)　217
7.1　webkit引擎的css漸變實(shí)現(xiàn)方法　217
7.1.1　基本語(yǔ)法　218
7.1.2　直線漸變的基本用法　218
7.1.3　徑向漸變的基本用法　220
7.1.4　漸變的其他應(yīng)用　225
7.2　gecko引擎的css漸變實(shí)現(xiàn)方法　227
7.2.1　直線漸變基本語(yǔ)法　227
7.2.2　直線漸變的基本用法　227
7.2.3　徑向漸變基本語(yǔ)法　230
7.2.4　徑向漸變的基本用法　231
7.2.5　漸變的應(yīng)用　234
7.3　ie瀏覽器引擎的css漸變實(shí)現(xiàn)方法　235
7.3.1　基本語(yǔ)法　235
7.3.2　ie漸變?yōu)V鏡實(shí)戰(zhàn)應(yīng)用　236
7.4　w3c標(biāo)準(zhǔn)化的css漸變實(shí)現(xiàn)方法　238
7.5　css 3漸變實(shí)戰(zhàn)　239
7.5.1　css漸變下拉菜單　239
7.5.2　css漸變按鈕　243
第8章　css 3動(dòng)畫設(shè)計(jì)　248
8.1　css變形（transformation）　248
8.1.1　變形基礎(chǔ)—transform屬性　249
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)一個(gè)簡(jiǎn)單的鼠標(biāo)動(dòng)畫　250
8.1.2　旋轉(zhuǎn)動(dòng)畫—rotate()函數(shù)　251
8.1.3　縮放動(dòng)畫—scale()函數(shù)　253
8.1.4　移動(dòng)動(dòng)畫—translate()函數(shù)　255
8.1.5　傾斜動(dòng)畫—skew()函數(shù)　258
8.1.6　矩陣變形動(dòng)畫—matrix()函數(shù)　260
8.1.7　css 3實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)圖片墻　262
8.2　css變形原點(diǎn)—transform-origin屬性　265
css 3實(shí)戰(zhàn)體驗(yàn)：定義圖片旋轉(zhuǎn)的原點(diǎn)　265
8.3　css過渡—transition屬性　268
8.3.1　設(shè)置過渡的css屬性—transition-property屬性　269
8.3.2　設(shè)置過渡的時(shí)間—transition-duration屬性　270
8.3.3　設(shè)置過渡延遲時(shí)間—transition-delay屬性　271
8.3.4　設(shè)置過渡效果—transition-timing-function屬性　272
css 3實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)os x dock（os系統(tǒng)的導(dǎo)航碼頭）　274
8.4　css動(dòng)畫—animation屬性　276
8.4.1　設(shè)置css動(dòng)畫名稱—animation-name屬性　277
8.4.2　設(shè)置css動(dòng)畫時(shí)間—animation-duration屬性　278
8.4.3　設(shè)置css動(dòng)畫播放方式—animation-timing-function屬性　278
8.4.4　設(shè)置css動(dòng)畫開始播放的時(shí)間—animation-delay屬性　279
8.4.5　設(shè)置css動(dòng)畫播放次數(shù)—animation-iteration-count屬性　279
8.4.6　設(shè)置css動(dòng)畫播放方向—animation-direction屬性　280
css 3實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)自動(dòng)翻轉(zhuǎn)的圖片效果　280
8.5　css 3動(dòng)畫綜合實(shí)戰(zhàn)　282
8.5.1　設(shè)計(jì)動(dòng)態(tài)立體盒子　282
8.5.2　設(shè)計(jì)css 3手風(fēng)琴式折疊面板　285
8.5.3　設(shè)計(jì)能夠旋轉(zhuǎn)背景的易拉罐　287
8.5.4　設(shè)計(jì)旋轉(zhuǎn)出倉(cāng)的光盤動(dòng)畫效果　290
第9章　css 3新增的其他功能　295
9.1　引用外部字體類型—@font-face規(guī)則　296
9.1.1　@font-face規(guī)則的用法　296
實(shí)戰(zhàn)體驗(yàn)：設(shè)計(jì)藝術(shù)字體　297
9.1.2　關(guān)于開放字體格式　298
9.2　定義css設(shè)備類型—media queries　299
9.2.1　@media規(guī)則的用法　300
實(shí)戰(zhàn)體驗(yàn)：為不同設(shè)備設(shè)計(jì)不同的盒子框樣式　302
9.2.2　使用media queries鏈接外部css文件　304
9.2.3　測(cè)試media queries　305
9.3　定義投影—css reflections　305
css實(shí)戰(zhàn)體驗(yàn)：應(yīng)用css reflections　306
9.4　定義語(yǔ)音樣式—css 3 speech　310
實(shí)戰(zhàn)體驗(yàn)：體驗(yàn)css 3 speech應(yīng)用　311