CSS 揭秘

本文目录结构

内容简介

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

本书的读者对象为前端工程师、网页开发人员。

作者简介

Lea Verou，W3C CSS 工作组特邀专家，设计 CSS 语言的委员之一，此前曾在 W3C 担任开发者代言人。目前，她在麻省理工学院从事人机交互领域的研究。她还是一位博客作家，并经常在国际性技术会议上担任讲师；她创建的多个开源项目广受开发者欢迎。

CSS 魔法，原名张鹏，国内知名 CSS 技术专家，百姓网前端架构师。拥有近十年的网站开发经验，在移动前端领域积累颇深，自称“披着工程师外衣的设计师”。他是 CMUI、Action、GHX 等开源项目的作者，曾为 GitHub、Gulp、Stylus 等网站和项目翻译过大量文档；其生动活泼、循序渐进的博客写作风格深受读者喜爱，在 CSS Conf 等技术会议上的演讲广受好评。

精彩书评

“这本书是为新一代 CSS 所写的新一代 CSS 图书。在我所知的技术专家中，没人比 Lea Verou 更能领会新一代 CSS 的精髓。”

——Jeffrey Zeldman，《网站重构》作者

“Lea Verou 渊博的学识是无法复制的，她在这本书中倾囊相授，令我们都有机会一窥 CSS 的强大与神奇。即使你认为自己对 CSS 已经了如指掌，我保证这本书仍然会让你大开眼界。”

——Jeremy Keith，《JavaScript DOM 编程艺术》作者

“如果你想深入探寻 CSS 的美妙、创意与智慧，那就别犹豫了，赶快翻开这本书吧。它让我爱不释手！”

——Eric Meyer，《CSS 指南》作者

“《CSS 揭秘》是一部速成经典。它汇集了众多精彩绝伦的技巧，能够立即改善你的网页体验！”

——Christopher Schmitt，CSS Cookbook 作者

“Lea 是一位极其智慧的程序员。这本书蕴含了无穷的才华与创意，即使你已是 CSS 高手，也仍将从中获益。更重要的是，它将传授给你突破平庸的信念。”

——Chris Coyier，CodePen 创始人

目录

• 译者序　　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