CSS揭秘

购买链接

简介

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

作者

W3C CSS工作组特邀专家，设计CSS语言的委员之一，此前曾在W3C担任开发者代言人。目前，她在麻省理工学院从事人机交互领域的研究。她还是一位博客作家，并经常在国际性的技术会议上担任讲师；她创建的多个开源项目广受开发者欢迎。
译者: CSS魔法
原名张鹏，国内知名的CSS技术专家，百姓网前端架构师。拥有近十年的网站开发经验，在移动前端领域积累颇深，自称“披着工程师外衣的设计师”。他是CMUI、Action、GHX等开源项目的作者，曾为GitHub、Gulp、Stylus等网站和项目翻译过大量文档；其生动活泼、循序渐进的博客写作风格深受读者喜爱；在CSS Conf等技术会议上所作的演讲广受好评。

原作者: Lea Verou

章节

• 译者序

• 序

• 前言

• 致谢

• 本书是怎样炼成的

• 关于本书

• 第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