Flex学习分享

本文主要分享，自己在学习flex布局时的学习经验与一些学习资源。

首推阮老师的flex语法篇，该教程介绍了flex布局的基本概念，和所有相关的属性。该教程最大的优点在于每个属性的作用都通过简洁的图片呈现。不仅仅是告诉一些属性的名字，而是直观的了解各个属性的作用。比如，在介绍flex-direction各个属性的作用时，就通过一张图就讲清楚了。当你需要使用flex布局时，你就知道你应该你应该使用哪种属性了。

我们可以把此教程当作一个字典，当你记不起来哪个属性的作用直接可以进行查询。但是为了更加熟练的使用flex进行布局，刻意练习当然是必不可少的。这里推荐一个网站他通过闯关与可视化的形式，练习flex中的各个属性随着闯关等级的提高，进一步提高难度，通过组合多个flex属性进行练习，而最后一关，是整合所有关卡中的属性所制定的大练习。此网站有两个好处。

• 不需要自己搭建练习页面（减少了很多重复性工作）
• 每个属性的作用可以清晰了解的。（比光看文字效果好）

顺便说一下，我觉得css的学习，就应该以归纳学习为主，指令学习为辅助。也就是说多练习，而不是光看文字性的书籍与教程。

当然这些练习依旧是不够的，阮老师还有一篇flex布局实例篇，该教程也有丰富的实例可供训练。但我认为，先不应该看源代码，而应该先自己尝试是否可以独立写出来，如果写不出来再看源代码。