DEV Community
·
编码第29天！
💡
原文英文，约100词，阅读约需1分钟。
📝
内容提要
在Odin项目中学习Flexbox，通过flexboxfroggy网站进行视觉学习，掌握了display: flex、align-items与align-self的区别，以及如何通过order调整视觉顺序。明天将继续深入学习Flexbox。
🎯
关键要点
-
在Odin项目中学习了Flexbox。
-
通过flexboxfroggy网站进行视觉学习。
-
掌握了display: flex的用法，适用于容器而非项目。
-
理解了align-items（针对所有项目）与align-self（针对单个项目）的区别。
-
学习了如何通过order调整视觉顺序，而不影响HTML结构。
-
计划明天继续深入学习Flexbox的其他属性，如flex-direction、flex-wrap、justify-content、flex-flow和align-content。
➡️
