赤铁飞星

在前面两篇文章分别介绍了BFC、IFC，这两个都是CSS2里的规范和概念，这篇文章接续上两篇文章来说说CSS3规范里的GFC、FFC，至此这一序列的总结文章也就结束了。

在之前的文章《CSS格式化上下文之BFC》我们阐述了可视化格式模型（盒子模型）和排版上下文，这两个规范和标准的相关概念，并细说了下块级格式化上下文（BFC）的一些概念和实际应用场景，本章来介绍下IFC

盒子模型是CSS中元素产生的box的自身构成，就是我们平常所认知的包含边距、边框、内容的矩形区域。那这些box是如何摆放到页面上的呢，是如何布局的呢？

在互联网（移动互联网）时代，前端作为直面用户的“门户”，对视觉与交互要求越来越高，CSS就如是“门户”的装潢有着不可替代的地位，在发挥着越来越重要的作用。

前端的生态很繁荣，技术更新迭代很快，很多新的框架和技术不断在推陈出新，在另一方面，随着科技的不断发展，用户获取信息的方式与媒介也越来越多样化，前端产出的内容【页面】就需要去适配多样化的媒介与终端。

记得第一次接触前端开发或者应该叫Web前端开发时，盯着从设计师那里拿来的页面设计稿，发了许久的呆，总想在生活中找到可以关联上的东西出来，以加深理解和记忆，突然脑子里浮出了“报纸”的样子出来。

本文是因负责的一个App采用了Weex框架，所以对Weex框架做了一个简单的总结，主要是面向团队成员，作为入门材料。

对比Web开发，介绍React-Native 的样式、布局、绘制，作为Rect Native开发时的参考。

本文主要作为认识React Natvie的入门文章，比较通俗易懂的介绍React Natvie框架以及运行机制。随着React Natvie框架的演进，部分内容可能已经和最新框架机制不符，请以官网为主