本文方法好处在于，纯 CSS 驱动，各种切换根本不需要 JS，省了不少 JS，对于类似这种需求大家也可以举一反三，这里只提供一些思路。

在文章中，我们将与大家分享 20 个最佳的极简 CSS 框架，它们能够为你提供建站必备的组件，帮助你节省时间。Have Fun!

CSS 的处理

本系列会持续分享本人学习到的 CSS 知识点、技巧和效果展示。如有错误，希望您能指出。

列出 6 种 css 垂直居中大法 ~

本文暂时列举了 13 条技巧，1、resize 实现图片对比 2、:not() 的应用技巧 3、任意元素垂直居中 4、表格单元格等宽 5、使用 Flexbox 摆脱各种 Margin Hacks 6、给空连接使用属性选择符 7、初始化 box-sizing 8、在 nth-child 中使用负数 9、文本显示优化（待商榷）10、border 的应用技巧！11、vertical-align 属性 12、margin 重叠解决方案列举 13、父元素 font-size:0 的作用 等！

CSS 变换、过渡、动画学习的过程中实现的效果，方块 “Z” 字形路线运动、线段围绕盒子运动、动态静态饼图的实现以及渐变色的录音旋转小按钮初级效果实现。