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