基本信息
- 作者： [希]韦鲁（Lea Verou）
- 译者： CSS魔法
- 丛书名： 图灵程序设计丛书
- 出版社：人民邮电出版社
- ISBN：9787115416940
- 上架时间：2016-4-14
- 出版日期：2016 年4月
- 开本：大16
- 页码：232
- 版次：1-1
- 所属分类：计算机 > 图形图像、多媒体、网页制作 > 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等技术会议上的演讲广受好评。
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
序 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
译者序
我在微博上发起了一个小调查，结果证实了我的猜测——大约有30% 的读者是几乎不看译者序的。于是我就脑洞大开了：我在纸质书中把译者序的篇幅压缩到最短→节省了一页纸→凑巧减少了一个印张→成本下降→售价降低→销量大增。这岂不是功德无量的大好事？蝴蝶效应谁知道呢 ！
因此，这篇译者序将只包含致谢环节。（当然，我知道还有50% 的朋友是必看译者序的。请放心，我会在网上为你们准备一篇超长完整版。）
感谢原作者Lea Verou 女士，感谢您为全球的CSS 开发者带来了这本充满智慧的CSS 图书。我的书架有个位置已经空了近十年，如今终得圆满。
感谢贺师俊（Hax）老师把这本书推荐给我，并把我推荐给了图灵公司；同时，感谢您长久以来的鼓励和帮助。
感谢李松峰老师对我的信任，把这本书交给了我翻译。感谢图灵公司的朱巍、岳新欣、杨琳等编辑老师为这本书付出的心力。
感谢我的多年好友、任教于上海外国语大学的严泽群老师担任英语顾问。
感谢挚友赵锦江（勾三股四）先生担任部分章节的技术审校。
感谢GitHub、微博、微信上的众多网友对本书翻译工作的支持、鼓励和反馈。限于篇幅，我无法一一列出你们的名字，但你们就在这里。
感谢百姓网各位小伙伴的支持和鼓励。百姓网是工程师的天堂——回顾我职业履历的各个阶段，只有现在的我才有可能完成这项挑战。
感谢我的妻子，是你的支持和监督保障了翻译工作的如期完成。
感谢每一位读者——也就是此时此刻手捧这本书的你。这是一本难得的好书，而你的潜心研习与融会贯通将会令它的价值更加深远。
最后，我还为所有看完译者序的朋友准备了一件礼物：我正在为这本书编写注解，尽我所能解答关于这本书的所有疑问。所有注解都将以开源的方式发布到http://book.cssmagic.net 网站，在那里你还可以与我以及万千读者交流探讨、携手共进。
此外，你也可以通过微信与我联系，请关注“CSS 魔法”微信公众号。
祝阅读愉快 ！
CSS 魔法
2015 年11 月16 日于百姓网
因此，这篇译者序将只包含致谢环节。（当然，我知道还有50% 的朋友是必看译者序的。请放心，我会在网上为你们准备一篇超长完整版。）
感谢原作者Lea Verou 女士，感谢您为全球的CSS 开发者带来了这本充满智慧的CSS 图书。我的书架有个位置已经空了近十年，如今终得圆满。
感谢贺师俊（Hax）老师把这本书推荐给我，并把我推荐给了图灵公司；同时，感谢您长久以来的鼓励和帮助。
感谢李松峰老师对我的信任，把这本书交给了我翻译。感谢图灵公司的朱巍、岳新欣、杨琳等编辑老师为这本书付出的心力。
感谢我的多年好友、任教于上海外国语大学的严泽群老师担任英语顾问。
感谢挚友赵锦江（勾三股四）先生担任部分章节的技术审校。
感谢GitHub、微博、微信上的众多网友对本书翻译工作的支持、鼓励和反馈。限于篇幅，我无法一一列出你们的名字，但你们就在这里。
感谢百姓网各位小伙伴的支持和鼓励。百姓网是工程师的天堂——回顾我职业履历的各个阶段，只有现在的我才有可能完成这项挑战。
感谢我的妻子，是你的支持和监督保障了翻译工作的如期完成。
感谢每一位读者——也就是此时此刻手捧这本书的你。这是一本难得的好书，而你的潜心研习与融会贯通将会令它的价值更加深远。
最后，我还为所有看完译者序的朋友准备了一件礼物：我正在为这本书编写注解，尽我所能解答关于这本书的所有疑问。所有注解都将以开源的方式发布到http://book.cssmagic.net 网站，在那里你还可以与我以及万千读者交流探讨、携手共进。
此外，你也可以通过微信与我联系，请关注“CSS 魔法”微信公众号。
祝阅读愉快 ！
CSS 魔法
2015 年11 月16 日于百姓网
前言
在过去的几年里，CSS 经历了一场巨变，正如JavaScript 在2004 年前后所经历的那场革命。它从一门极度简单、功能有限的样式语言，发展成为一项由80 多项W3C 规范（含草案）所定义的复杂技术，并建立起了独有的开发者生态圈、专属的技术会议、专用的框架和工具链。CSS 已经如此壮大，以致于一个普通人已经无法把它完整地装进自己的头脑了。甚至在W3C 专门定义这门语言的工作组中，也没人敢说自己是精通CSS 所有方面的专家，甚至连接近这个程度都非常困难。实际上，大多数工作组成员只专注CSS 的某个特定细节，可能对其他部分知之甚少。
大约在2009 年之前，评判一个人的CSS 专业程度并不是看他对这门语言的了解有多深。对当时的CSS 行业来说，这或多或少就是现实：一个人能否称得上CSS 高手，往往要看他能记住多少个浏览器bug 和相应的对策。一转眼就到了2015 年，现在的浏览器都是以Web 标准作为设计基准的，过去那些针对特定浏览器的脆弱hack 早已风光不再。当然，某些不兼容的情况仍然无法避免，但是迭代速度已经非常之快（尤其是因为现在的浏览器几乎都已经实现自动更新了），把这些不兼容的情况记录在书中完全是在浪费时间和空间。
我们在现代CSS 中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器bug。如今的挑战是，在保证DRY1①、可维护、灵活性、轻量级并且尽可能符合标准的前提下，把我们手中的这些CSS 特性转化为网页中的各种创意。这正是这本书将要呈现的内容。
① DRY 是Don’t Repeat Yourself 的首字母缩写，意思是不应该重复你已经做过的事。它是一种广为流传的编程理念，旨在提升代码某方面的可维护性：在改变某个参数时，做到只改尽量少的地方，最好是一处。强调CSS 代码的DRY 原则是一个贯穿本书的主题。DRY 的反面是WET，它的意思是We Enjoy Typing（我们喜欢敲键盘）或Write Everything Twice（同样的代码写两次）
市面上有很多书，其内容就是以字母顺序记载一些CSS 特性。你手里的这本书并不在其列，这可能是好事也可能是坏事。本书的目的在于，在你已经熟悉了那些参考书的内容之后，帮你填补知识断档。它会让你接触各种全新的方法，充分发挥那些你已经熟悉的特性所具备的无穷威力；同时也让你明白，某些你不熟悉而且看似不起眼的CSS 特性可能同样威力无穷、不可小觑。总的来说，本书最核心的目的是教你如何用CSS 解决难题。
本书也不是一本“菜谱书”（cookbook）。每篇“攻略”并不是即开即用的菜谱——死板地套用某些步骤就可以达成特定的效果。实际上，我努力把每个技巧背后的思考都尽量细致地描述出来，因为我相信理解发现解决方案的过程比解决方案本身更有用。即使你认为某项技巧跟你的工作没有直接关联，学会如何摸索并得出解决方案仍然是有价值的，甚至可以帮你处理完全不同的问题。长话短说，本书不仅授人以“鱼”，而且授人以“渔”，让你一辈子不会为“没鱼吃”发愁。
大约在2009 年之前，评判一个人的CSS 专业程度并不是看他对这门语言的了解有多深。对当时的CSS 行业来说，这或多或少就是现实：一个人能否称得上CSS 高手，往往要看他能记住多少个浏览器bug 和相应的对策。一转眼就到了2015 年，现在的浏览器都是以Web 标准作为设计基准的，过去那些针对特定浏览器的脆弱hack 早已风光不再。当然，某些不兼容的情况仍然无法避免，但是迭代速度已经非常之快（尤其是因为现在的浏览器几乎都已经实现自动更新了），把这些不兼容的情况记录在书中完全是在浪费时间和空间。
我们在现代CSS 中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器bug。如今的挑战是，在保证DRY1①、可维护、灵活性、轻量级并且尽可能符合标准的前提下，把我们手中的这些CSS 特性转化为网页中的各种创意。这正是这本书将要呈现的内容。
① DRY 是Don’t Repeat Yourself 的首字母缩写，意思是不应该重复你已经做过的事。它是一种广为流传的编程理念，旨在提升代码某方面的可维护性：在改变某个参数时，做到只改尽量少的地方，最好是一处。强调CSS 代码的DRY 原则是一个贯穿本书的主题。DRY 的反面是WET，它的意思是We Enjoy Typing（我们喜欢敲键盘）或Write Everything Twice（同样的代码写两次）
市面上有很多书，其内容就是以字母顺序记载一些CSS 特性。你手里的这本书并不在其列，这可能是好事也可能是坏事。本书的目的在于，在你已经熟悉了那些参考书的内容之后，帮你填补知识断档。它会让你接触各种全新的方法，充分发挥那些你已经熟悉的特性所具备的无穷威力；同时也让你明白，某些你不熟悉而且看似不起眼的CSS 特性可能同样威力无穷、不可小觑。总的来说，本书最核心的目的是教你如何用CSS 解决难题。
本书也不是一本“菜谱书”（cookbook）。每篇“攻略”并不是即开即用的菜谱——死板地套用某些步骤就可以达成特定的效果。实际上，我努力把每个技巧背后的思考都尽量细致地描述出来，因为我相信理解发现解决方案的过程比解决方案本身更有用。即使你认为某项技巧跟你的工作没有直接关联，学会如何摸索并得出解决方案仍然是有价值的，甚至可以帮你处理完全不同的问题。长话短说，本书不仅授人以“鱼”，而且授人以“渔”，让你一辈子不会为“没鱼吃”发愁。
序言
啊，过去的日子多美好啊 ！回想上个世纪，我们只有两款支持CSS 的浏览器，而且它们所实现的也只是一套非常有限的规范的一个非常有限的子集，因此你可以很容易地在自己的头脑中建立一幅完整的图景，标记出什么好用、什么不好用。这幅图景包含各个浏览器实现中的各种bug，因为这些实现其实存在着不少的错误和疏忽，有些地方甚至错得离谱。唉，有些bug 还涉及非常基础的层面，以致于各浏览器的布局行为完全不兼容，这迫使我们想出对策，反过来利用浏览器自身的解析器bug 来变相地纠正这些不一致的行为 ！
慢着。过去那些日子其实糟透了。所幸它们已经一去不复返了 ！
就在最近这几年，CSS 领域已经发生了极大的好转。（绝大多数）浏览器已经在兼容性上逐渐趋同，它们不兼容的地方几乎都是因为某一家支持了某个特性，而另一家还没支持——这比两家都支持但效果不一样要强多了。规范不仅推动了兼容性的进步，还增加了新的特性，用更加简洁的新方法取代了以前繁琐的技巧。CSS 拥有了比以往多得多的特性、强得多的能力；不过我们都知道，功能越强大，复杂度也会越高。这种复杂度甚至并不是有意为之：当你把足够多的工作部件组合到一起之后，不管单个部件看起来有多简单，这个组合体也一定会产生有趣的结果。（关于这个话题的更多内容， 请看《乐高大电影》。）
正是由于在无意之中产生的复杂度，CSS 获得了种种我们从未期望或设计过的神奇特性，不断带给我们惊喜。在属性与属性的交错之间，在值与值的混合之下，有很多秘密有待发现。你可以通过渐变图案来挖出凹角，让元素产生动画，扩大可点击区域，甚至创建饼图……如今，CSS 已经拥有了我多年前梦寐以求的强大功能，它带来的可能性已经远远超越了我当初的想像。很多我原以为绝不可能以简洁易懂的方式表达出来的功能，现在也已成为CSS 的一部分（比如动画）。CSS 已经进化得如此强大，令我坚信它仍然有很多的秘密等待我们去发现——或许某天你也会有所斩获。
眼下，很多炫酷的技巧已经被世人所发掘，但极少有人能像Lea Verou 那样善于探索、乐于分享。从她的博客文章到她的开源贡献，再到她在全球各地所做的生动演讲，Lea 在CSS 领域已经建立了令人钦佩的知识储备。这本书正是这些知识储备的完美升华。你手里的这本书由这个领域内最顶尖的一位智者精心打造，她将带你领略CSS 所能达成的最有趣、最神奇、最实用的技巧。Lea 在这本书里为你准备的内容将令你感到充实、愉悦、甚至惊喜。
向前冲，努力探索，别再让这些精湛的技艺沦为失传的秘密 ！
——Eric A. Meyer，《CSS 权威指南》作者
慢着。过去那些日子其实糟透了。所幸它们已经一去不复返了 ！
就在最近这几年，CSS 领域已经发生了极大的好转。（绝大多数）浏览器已经在兼容性上逐渐趋同，它们不兼容的地方几乎都是因为某一家支持了某个特性，而另一家还没支持——这比两家都支持但效果不一样要强多了。规范不仅推动了兼容性的进步，还增加了新的特性，用更加简洁的新方法取代了以前繁琐的技巧。CSS 拥有了比以往多得多的特性、强得多的能力；不过我们都知道，功能越强大，复杂度也会越高。这种复杂度甚至并不是有意为之：当你把足够多的工作部件组合到一起之后，不管单个部件看起来有多简单，这个组合体也一定会产生有趣的结果。（关于这个话题的更多内容， 请看《乐高大电影》。）
正是由于在无意之中产生的复杂度，CSS 获得了种种我们从未期望或设计过的神奇特性，不断带给我们惊喜。在属性与属性的交错之间，在值与值的混合之下，有很多秘密有待发现。你可以通过渐变图案来挖出凹角，让元素产生动画，扩大可点击区域，甚至创建饼图……如今，CSS 已经拥有了我多年前梦寐以求的强大功能，它带来的可能性已经远远超越了我当初的想像。很多我原以为绝不可能以简洁易懂的方式表达出来的功能，现在也已成为CSS 的一部分（比如动画）。CSS 已经进化得如此强大，令我坚信它仍然有很多的秘密等待我们去发现——或许某天你也会有所斩获。
眼下，很多炫酷的技巧已经被世人所发掘，但极少有人能像Lea Verou 那样善于探索、乐于分享。从她的博客文章到她的开源贡献，再到她在全球各地所做的生动演讲，Lea 在CSS 领域已经建立了令人钦佩的知识储备。这本书正是这些知识储备的完美升华。你手里的这本书由这个领域内最顶尖的一位智者精心打造，她将带你领略CSS 所能达成的最有趣、最神奇、最实用的技巧。Lea 在这本书里为你准备的内容将令你感到充实、愉悦、甚至惊喜。
向前冲，努力探索，别再让这些精湛的技艺沦为失传的秘密 ！
——Eric A. Meyer，《CSS 权威指南》作者
媒体评论
“这本书是为新一代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创始人
——Jeffrey Zeldman，《网站重构》作者
“Lea Verou渊博的学识是无法复制的，她在这本书中倾囊相授，令我们都有机会一窥CSS的强大与神奇。即使你认为自己对CSS已经了如指掌，我保证这本书仍然会让你大开眼界。”
——Jeremy Keith，《JavaScript DOM编程艺术》作者
“如果你想深入探寻CSS的美妙、创意与智慧，那就别犹豫了，赶快翻开这本书吧。它让我爱不释手！”
——Eric Meyer，《CSS指南》作者
“《CSS揭秘》是一部速成经典。它汇集了众多精彩绝伦的技巧，能够立即改善你的网页体验！”
——Christopher Schmitt，CSS Cookbook作者
“Lea是一位极其智慧的程序员。这本书蕴含了无穷的才华与创意，即使你已是CSS高手，也仍将从中获益。更重要的是，它将传授给你突破平庸的信念。”
——Chris Coyier，CodePen创始人
