定 價(jià):99 元
叢書(shū)名:圖靈程序設(shè)計(jì)叢書(shū)
- 作者:[希]韋魯(Lea Verou)
- 出版時(shí)間:2016/4/1
- ISBN:9787115416940
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):TP393.092
- 頁(yè)碼:232
- 紙張:膠版紙
- 版次:1
- 開(kāi)本:16開(kāi)
本書(shū)是一本注重實(shí)踐的教程,作者為我們揭示了47個(gè)鮮為人知的CSS技巧,主要內(nèi)容包括背景與邊框、形狀、視覺(jué)效果、字體排印、用戶(hù)體驗(yàn)、結(jié)構(gòu)與布局、過(guò)渡與動(dòng)畫(huà)等。本書(shū)將帶領(lǐng)讀者循序漸進(jìn)地探尋更優(yōu)雅的解決方案,攻克每天都會(huì)遇到的各種網(wǎng)頁(yè)樣式難題。本書(shū)的讀者對(duì)象為前端工程師、網(wǎng)頁(yè)開(kāi)發(fā)人員。
這是一本注重實(shí)踐的教程。CSS專(zhuān)家Lea Verou單刀直入,教你用代碼解決實(shí)際問(wèn)題。她在書(shū)中揭示了47個(gè)鮮為人知的CSS技巧,指導(dǎo)中高級(jí)CSS開(kāi)發(fā)者循序漸進(jìn),探尋更優(yōu)雅的解決方案,攻克每天都會(huì)遇到的各種網(wǎng)頁(yè)樣式難題。讀者將在本書(shū)中領(lǐng)略作者的縝密思路,并學(xué)會(huì)用這種思路來(lái)應(yīng)對(duì)各種不期而遇的CSS難題,達(dá)成DRY、可維護(hù)、可擴(kuò)展、輕量級(jí)并且符合標(biāo)準(zhǔn)的結(jié)果。本書(shū)涵蓋的主題如下:背景與邊框形狀視覺(jué)效果字體排印用戶(hù)體驗(yàn)結(jié)構(gòu)與布局過(guò)渡與動(dòng)畫(huà)
Lea Verou W3C CSS工作組特邀專(zhuān)家,設(shè)計(jì)CSS語(yǔ)言的委員之一,此前曾在W3C擔(dān)任開(kāi)發(fā)者代言人。目前,她在麻省理工學(xué)院從事人機(jī)交互領(lǐng)域的研究。她還是一位博客作家,并經(jīng)常在國(guó)際性技術(shù)會(huì)議上擔(dān)任講師;她創(chuàng)建的多個(gè)開(kāi)源項(xiàng)目廣受開(kāi)發(fā)者歡迎。CSS魔法原名張鵬,國(guó)內(nèi)知名CSS技術(shù)專(zhuān)家,百姓網(wǎng)前端架構(gòu)師。擁有近十年的網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn),在移動(dòng)前端領(lǐng)域積累頗深,自稱(chēng)“披著工程師外衣的設(shè)計(jì)師”。他是CMUI、Action、GHX等開(kāi)源項(xiàng)目的作者,曾為GitHub、Gulp、Stylus等網(wǎng)站和項(xiàng)目翻譯過(guò)大量文檔;其生動(dòng)活潑、循序漸進(jìn)的博客寫(xiě)作風(fēng)格深受讀者喜愛(ài),在CSS Conf等技術(shù)會(huì)議上的演講廣受好評(píng)。
譯者序 ix
序 xi
前言 xiii
致謝 xv
本書(shū)是怎樣煉成的 xviii
關(guān)于本書(shū) xx
第1章
引言 1
Web 標(biāo)準(zhǔn):是敵還是友 2
CSS 編碼技巧 7
第2章
背景與邊框 17
1 半透明邊框 18
2 多重邊框 20
3 靈活的背景定位 22
4 邊框內(nèi)圓角 25
5 條紋背景 27
6 復(fù)雜的背景圖案 33
7 偽隨機(jī)背景 43
8 連續(xù)的圖像邊框 46
第3章
形狀 51
9 自適應(yīng)的橢圓 52
10 平行四邊形 57
11 菱形圖片 60
12 切角效果 63
13 梯形標(biāo)簽頁(yè) 71
14 簡(jiǎn)單的餅圖 75
第4章
視覺(jué)效果 86
15 單側(cè)投影 87
16 不規(guī)則投影 90
17 染色效果 93
18 毛玻璃效果 97
19 折角效果 105
第5章
字體排印 112
20 連字符斷行 113
21 插入換行 115
22 文本行的斑馬條紋 119
23 調(diào)整tab 的寬度 121
24 連字 123
25 華麗的& 符號(hào) 125
26 自定義下劃線 129
27 現(xiàn)實(shí)中的文字效果 132
28 環(huán)形文字 138
第6章
用戶(hù)體驗(yàn) 143
29 選用合適的鼠標(biāo)光標(biāo) 144
30 擴(kuò)大可點(diǎn)擊區(qū)域 147
31 自定義復(fù)選框 149
32 通過(guò)陰影來(lái)弱化背景 153
33 通過(guò)模糊來(lái)弱化背景 157
34 滾動(dòng)提示 159
35 交互式的圖片對(duì)比控件 164
第7章
結(jié)構(gòu)與布局 172
36 自適應(yīng)內(nèi)部元素 173
37 精確控制表格列寬 175
38 根據(jù)兄弟元素的數(shù)量來(lái)設(shè)置樣式 178
39 滿(mǎn)幅的背景,定寬的內(nèi)容 182
40 垂直居中 185
41 緊貼底部的頁(yè)腳 191
第8章
過(guò)渡與動(dòng)畫(huà) 195
42 緩動(dòng)效果 196
43 逐幀動(dòng)畫(huà) 205
44 閃爍效果 209
45 打字動(dòng)畫(huà) 212
46 狀態(tài)平滑的動(dòng)畫(huà) 217
47 沿環(huán)形路徑平移的動(dòng)畫(huà) 221
按規(guī)范分類(lèi) 230