CSS3實用指南

定　價：￥49.00

作　者：	（美） Zoe Mickley Gillenwater 著，屈超, 周志超譯
出版社：	人民郵電出版社
叢編項：
標(biāo)　簽：	網(wǎng)頁設(shè)計

購買這本書可以去

ISBN：	9787115273789	出版時間：	2012-03-01	包裝：	平裝
開本：	16開	頁數(shù)：		字?jǐn)?shù)：

內(nèi)容簡介

　　CSS3為Web的視覺樣式語言注入了強(qiáng)大的新功能，讓設(shè)計人員更加輕松自如地設(shè)計優(yōu)美而引人入勝的內(nèi)容。借助CSS3，不使用圖片就可以創(chuàng)建半透明背景、漸變、陰影等奪人眼球的視覺效果；還可以使用漂亮、獨特、非Web安全的字體顯示文本；不用Flash就可以創(chuàng)建動畫；不用JavaScript就可以定制適應(yīng)用戶的設(shè)備和屏幕尺寸的設(shè)計。本書通過一系列實用且新穎的范例，向讀者展示如何實現(xiàn)以上功能和更多效果。每章都提供了幾個實例，讓你可以應(yīng)用到正在開發(fā)的項目中，或從它們的設(shè)計思路中獲取靈感。本書還介紹了以下CSS3技術(shù)：如何使用CSS3改善頁面外觀，提高可用性、可訪問性和效率處理不支持CSS3的早期瀏覽器的時機(jī)、解決方案和替代方案如何利用獨特的字體排版技術(shù)和漂亮的圖片細(xì)節(jié)創(chuàng)建絕妙的設(shè)計改進(jìn)的新選擇器，使標(biāo)記更加流暢、不易出錯創(chuàng)建多列布局的新方法如何不用腳本也能輕松制作出針對手機(jī)優(yōu)化的Web設(shè)計

作者簡介

　　Zoe Mickley Gillenwater經(jīng)驗豐富的圖形和Web設(shè)計師、開發(fā)人員、顧問。致力于打造盡可能滿足各類人群需求的優(yōu)秀網(wǎng)站，并為最新的瀏覽器使用創(chuàng)新的CSS技術(shù)。她是Flexible Web Design： Creating Liquid and Elastic Layouts withCSS和視頻培訓(xùn)教程Web Accessibility Principles的作者，并已經(jīng)為SmashingMagazine和CommunityMX網(wǎng)站撰寫了上百篇以Web設(shè)計和開發(fā)為主題的文章。Zoe目前是Web標(biāo)準(zhǔn)計劃小組（WaSP）Adobe任務(wù)組的成員，還是熱門的css-discuss郵件列表的主持人，并經(jīng)常在全國性技術(shù)會議上講授CSS、視覺設(shè)計、可訪問性等主題。

圖書目錄

第1章　 CSS3的來龍去脈　　1
1.1 　什么是CSS3　　1
1.1.1 　新特性概覽　　1
1.1.2　 CSS3的當(dāng)前進(jìn)展　　2
1.1.3　現(xiàn)在就開始使用CSS3　　4
1.2　瀏覽器的支持狀況　　5
1.2.1　瀏覽器市場份額　　5
1.2.2　主流瀏覽器支持狀況　　6
1.3　漸進(jìn)增強(qiáng)　　8
1.3.1　優(yōu)點　　9
1.3.2 “讓我來打個比方……”　　10
1.4　 CSS3的好處　　11
1.4.1　減少開發(fā)和維護(hù)的耗時　　11
1.4.2　提升頁面性能　　12
1.5　更好的搜索引擎優(yōu)化　　13
1.5.1　提高可用性和可達(dá)性　　13
1.5.2　與時俱進(jìn)　　14
1.6　案例學(xué)習(xí)：公路安全研究中心　　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　使用條件表達(dá)式過濾IE　　26
1.8　搞定不予支持的客戶或老板　　30
1.8.1 　有些事不必說　　30
1.8.2　提前教給他們漸進(jìn)增強(qiáng)的思想　　31
1.8.3　控制客戶因設(shè)計稿而生的過度期望　　31
第2章　氣泡對話框　　34
2.1　基礎(chǔ)頁面　　34
2.2　包裹長文本　　35
2.3　無圖的圖形效果　　37
2.3.1 　圓角的實現(xiàn)　　37
2.3.2　增加氣泡的尾巴　　41
2.3.3　利用RGBA或HSLA實現(xiàn)半透明背景　　47
2.3.4　無圖實現(xiàn)色彩漸變　　56
2.3.5　無圖實現(xiàn)盒狀陰影　　63
2.3.6　無圖實現(xiàn)文字陰影　　67
2.4　頭像的變形效果　　70
2.4.1 　什么是“變形”　　70
2.4.2　旋轉(zhuǎn)頭像圖片　　72
2.5　大功告成　　77
第3章　紙質(zhì)筆記　　79
3.1　基礎(chǔ)頁面　　79
3.2　高級背景圖片技術(shù)　　80
3.2.1 　背景圖片縮放　　80
3.2.2　單一容器上的復(fù)合背景圖片　　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　字體格式轉(zhuǎn)換　　109
3.3.5　使用@font-face　　110
3.4　大功告成　　118
第4章　根據(jù)類型為圖片和鏈接定義樣式　　121
4.1　基礎(chǔ)頁面　　121
4.2　什么是屬性選擇器　　122
4.3　用動態(tài)添加的圖標(biāo)指示文件類型　　125
4.3.1 　除圖標(biāo)之外的備選方案　　127
4.3.2　修正IE 6的問題　　128
4.4　區(qū)別處理全幅圖和縮略圖的樣式　　130
4.4.1 　使用類可能遇到的問題　　130
4.4.2　使用屬性選擇器按類型定位元素　　132
4.5　大功告成　　133
第5章　使用偽類來提高效率　　135
5.1　不使用ID和類來定位特定元素　　135
5.1.1 　新的結(jié)構(gòu)偽類　　136
5.1.2　回歸氣泡對話框：顏色交替　　137
5.1.3　回歸照片：隨機(jī)旋轉(zhuǎn)　　141
5.2　動態(tài)高亮顯示頁面的區(qū)域　　147
5.2.1 　:target偽類　　147
5.2.2　增加目錄　　148
5.2.3　更改聚焦區(qū)塊的背景色　　153
5.2.4　用純CSS實現(xiàn)動畫　　156
第6章　不同的屏幕尺寸，不同的設(shè)計　　168
6.1　基礎(chǔ)頁面　　168
6.2　媒體查詢是什么　　171
6.3　針對寬屏來改變布局　　172
6.3.1 　由橫向?qū)Ш綏l變?yōu)榭v向目錄　　175
6.3.2　多列文本　　176
6.4　針對窄屏來改變布局　　181
6.5　針對移動設(shè)備來改變布局　　187
6.5.1 　什么是設(shè)備寬度　　187
6.5.2　第三次媒體查詢　　188
6.5.3　針對高清顯示屏來改進(jìn)界面　　194
6.5.4　可視區(qū)域的meta標(biāo)簽　　195
6.6　針對其他瀏覽器的兼容方案　　199
6.7　大功告成　　200
第7章　布局秀　　202
7.1　重大改變　　202
7.2　無需浮動或絕對定位，創(chuàng)建多列布局　　203
7.2.1 　子元素自適應(yīng)　　205
7.2.2　增加欄目　　210
7.2.3　重定欄目順序　　211
7.2.4　多欄等高　　214
7.2.5　水平和垂直居中　　216
7.3　實際情況：現(xiàn)實可用部分　　221
7.3.1 　彈性表單布局　　222
7.3.2　底部區(qū)域黏附　　225
7.4　彈性布局模型的替代品　　230
7.4.1 　box-sizing屬性　　230
7.4.2　未來的布局系統(tǒng)　　235
附錄　瀏覽器支持度　　237
貢獻(xiàn)　　 239