本文图片、部分翻译来自原文 Even more about how Flexbox works — explained in big, colorful, animated gifs

本文是2016年的最后一篇文章，主要是将一些CSS细节问题整理一下。 background-position取值为百分比的计算方式 margin相邻折叠问题 position的absolute和relative定位top、left、right、bottom问题 覆盖样式问题 1…

@大漠: 了解 CSS 的同学都应该知道，CSS 是由 Cascading Style Sheets 三个单词首字母组成，简单的讲就是层叠样式表。事实上，在 CSS 中，层叠（也有同学称之为级联）也是一个非常基础，但也是一个非常重要的概念。只有理解了层叠这个概念才能更好的理解和使用 CSS 中的每一个属性。话又说回来，既然是一个基础概念，懂 CSS 的同学都知道，那还有必要来说这个吗？那我就得问一下了，你真的懂 CSS 中的层叠，能使用好 CSS 的层叠吗？ 原文: http://www.w3cplus.com/css3/managing-the-css-cascade.html © w3cplus.com

CSS 里经典的层叠和继承概念到底怎么该怎么使用最好，本文深度解析，欢迎大家一起交流！

值得前端开发者关注的优秀 CSS 框架

简介 在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都…

简单知识点的应用，共同进步~

CSS 于 2016 年发布的开源项目，其产量之大超出人们的预料，但纵观 CSS 在过去几年的巨大变化与快速发展，此结果的出现似乎又在情理之中。这些 CSS 库、框架和工具的建立不仅给我们提供了学习的视角，更给我们的工作与生活带来了便利。 原文地址 https://speckyboy.com/top-50-css-libraries-frameworks-tools-2016/

偶然看到的一个项目，并了解到一些信息：译者针对开源的《可视化 CSS References》 文档：https://github.com/jgthms/css-reference 正在进行翻译工作，目前完成了 Flexbox 部分的内容。而剩下的内容还在陆续进行中，供大家学习 CSS 参考。