让我们先来定义：一个CSS工具集库是一个拥有许多可用于做许多一次性小事的样式表。如调整margin和padding的类。设置颜色的类。设置具体样式属性的类。设置尺寸的类。工具集库会用不同的方式来实现这些东西,但更像是分享这种理念。

Yoga 是一个基于 Flexbox 的跨平台布局引擎，能使布局工作更容易。你可以使用 Yoga 作为一个通用的布局系统，来代替 iOS 上的 Auto Layout 或 web 上的 Cascading Style Sheets (CSS)。

CSS 栅格布局 (亦称 "Grid")，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。

继续深入探讨一下 flexbox 的缩放，并且学习如何利用它来构建适应性强而且漂亮的布局

曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。

CSS3 常见的动画效果： 有些效果工作上用得到，有些效果面试会用到，比如第二个效果，我记得当时被面到过，今天分享给大家。 1，皮球掉地上弹起来 2，纯 CSS 实现 gif 效果 3，图片移动 4，实现打字输入效果 github: https://github.com/hankzhuo/Blog/blob/master/CSS/一些动画效果.md 欢迎大家 star or fork，我会持续更新的。

这一篇中将主要介绍未知高度容器的多种垂直居中方法，包括伪元素占位法，absolute + transform，table-cell，基于flex的等5个方案；用counter来模拟/装饰有序清单(已补充)；用table-layout来控制表格单元格宽度；用caret-color来自定义光标的样式；用user-select来禁用文本选中

作者在月初的时候，发了CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）。js的代码库也发过两次，两篇文章。之前也写了css3的热身实战，既然热身完了，是时候开始封装css3的代码库了，相比起js的代码库，css3的代码库的逻辑性就更加简单了！可以说只要打上注释和一张效果图就可以让大家明白了其中的原理了！

在媒体查询出现之前，针对不同尺寸设备的设计常常依靠JS或PHP等依靠userAgent来勉强实现，而现在自适应的响应式设计成为了家常便饭