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

CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…

Android XML 布局文件的书写规范，以及比原生更高级好用的格式化工具分享。

CSS 网格布局介绍了很多新的概念；有 17 种新的特性需要学习，而且有更多的术语需要理解。这会让学习初期变得比较难，往往一个新术语和其它的术语又有关联，这样你会把自己绕晕。所以，这里是一些关于 CSS 网格布局基本概念和术语的解释。

百分比，浮动，普通 inline，绝对定位，弹性盒

带你走进不一样的渐变

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

在这片文章中，我们一起来探索 CSS 网格布局的美妙世界。网格布局是 W3C 规范中相对较新的部分，已经在浏览器中开始绽放属于自己的光芒。在我们深入研究这项新鲜的 CSS 技术之前，让我们先快速的复习 grid 原理的相关知识。