CSS 揭秘 CSS Secrets: Better Solutions to Everyday Web Design Problems

Lea Verou

  • CSS 揭秘-preview-1
  • CSS 揭秘-preview-2
CSS 揭秘-preview-1

商品描述

本書是一本註重實踐的教程,作者為我們揭示了47個鮮為人知的CSS技巧,主要內容包括背景與邊框、形狀、視覺效果、字體排印、用戶體驗、結構與佈局、過渡與動畫等。本書將帶領讀者循序漸進地探尋更優雅的解決方案,攻剋每天都會遇到的各種網頁樣式難題。

本書的讀者對象為前端工程師、網頁開發人員。

作者簡介

Lea Verou,W3C CSS工作組特邀專家,設計CSS語言的委員之一,此前曾在W3C擔任開發者代言人。
目前,她在麻省理工學院從事人機交互領域的研究。
她還是一位博客作家,並經常在國際性技術會議上擔任講師;她創建的多個開源項目廣受開發者歡迎。

CSS魔法,原名張鵬,國內知名CSS技術專家,百姓網前端架構師。
擁有近十年的網站開發經驗,在移動前端領域積累頗深,自稱“披著工程師外衣的設計師”。
他是CMUI、Action、GHX等開源項目的作者,曾為GitHub、Gulp、Stylus等網站和項目翻譯過大量文檔;其生動活潑、循序漸進的博客寫作風格深受讀者喜愛,在CSS Conf等技術會議上的演講廣受好評。

目錄大綱

譯者序ix
序xi
前言xiii
致謝xv
本書是怎樣煉成的xviii
關於本書xx

第1章引言1
Web標準:是敵還是友2
CSS編碼技巧7

第2章背景與邊框17
1半透明邊框18
2多重邊框20
3靈活的背景定位22
4邊框內圓角25
5條紋背景27
6複雜的背景圖案33
7偽隨機背景43
8連續的圖像邊框46

第3章形狀51
9自適應的橢圓52
10平行四邊形57
11菱形圖片60
12切角效果63
13梯形標籤頁71
14簡單的餅圖75

第4章視覺效果86
15單側投影87
16不規則投影90
17染色效果93
18毛玻璃效果97
19折角效果105

第5章字體排印112
20連字符斷行113
21插入換行115
22文本行的斑馬條紋119
23調整tab的寬度121
24連字123
25華麗的&符號125
26自定義下劃線129
27現實中的文字效果132
28環形文字138

第6章用戶體驗143
29選用合適的鼠標光標144
30擴大可點擊區域147
31自定義復選框149
32通過陰影來弱化背景153
33通過模糊來弱化背景157
34滾動提示159
35交互式的圖片對比控件164

第7章結構與佈局172
36自適應內部元素173
37精確控制表格列寬175
38根據兄弟元素的數量來設置樣式178
39滿幅的背景,定寬的內容182
40垂直居中185
41緊貼底部的頁腳191

第8章過渡與動畫195
42緩動效果196
43逐幀動畫205
44閃爍效果209
45打字動畫212
46狀態平滑的動畫217
47沿環形路徑平移的動畫221
按規範分類230