本书是一本注重实践的教程，作者为我们揭示了47个鲜为人知的CSS技巧，主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。本书的读者对象为前端工程师、网页开发人员。

这是一本注重实践的教程。CSS专家Lea Verou单刀直入，教你用代码解决实际问题。她在书中揭示了47个鲜为人知的CSS技巧，指导中高级CSS开发者循序渐进，探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。读者将在本书中领略作者的缜密思路，并学会用这种思路来应对各种不期而遇的CSS难题，达成DRY、可维护、可扩展、轻量级并且符合标准的结果。本书涵盖的主题如下：背景与边框形状视觉效果字体排印用户体验结构与布局过渡与动画

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