学习面向初学者的CSS Flexbox [免费2小时课程]

Flexbox是一项强大的CSS功能，它让你能够构建适应任何屏幕尺寸的用户界面。freeCodeCamp刚刚发布了一个面向初学者的Flexbox课程，你将通过构建自己的网站导航栏来学习相关概念和代码语法。

如果你曾因使用CSS居中某个元素而感到困扰，或者尝试让列整齐地对齐，Flexbox能极大地简化这些工作。只需几个属性，你就可以构建出能够“弹性”适应不同屏幕尺寸的现代布局，而无需编写大量自定义的媒体查询。

开发者和教师Indra（CodeWithIndra）将逐步引导你了解每一个Flexbox属性。你将学习如何沿主轴和交叉轴对齐项目、在不更改HTML的情况下重新排序元素、控制项目的增长和收缩，并最终理解flex-grow、flex-shrink和flex-basis的实际作用。他还展示了来自GitHub和DataDog等网站的真实例子，并演示了如何重新创建它们布局的某些部分。

课程最后有两个小项目：垂直和水平居中一个元素（这是每个人都会在某时去谷歌搜索的事情）以及仅使用Flexbox构建一个简洁的导航栏。

如果你想提升自己的前端开发技能，花上周末的几个小时来学习这门课程是一个不错的投资。[2小时YouTube课程]：