前言
hey,我是迪。
终于把CSS Flex布局基础知识写完啦~
戳链接查看: ↓ ↓ ↓
引导记忆 CSS Flex布局(容器属性篇)
引导记忆 CSS Flex布局(项目属性篇)
今天来做个总结巩固~
介绍两个较为正式的官方文档,均有中文版:
MDN-中文-弹性盒子模型
W3C-中文-伸缩布局模型
容器属性
- display[flex]
++ MDN | W3C - flex-flow
++ MDN | W3C
– flex-wrap
+++ MDN | W3C
– flex-direction
+++ MDN | W3C - justify-content
++ MDN | W3C - align-items
++ MDN | W3C - align-content
++ MDN | W3C
项目属性
- order
++ MDN | W3C - align-self
++ MDN | W3C - flex
++ MDN | W3C
– flex-grow
+++ *MDN* | W3C
– flex-shrink
+++ MDN | *W3C*
– flex-basis
+++ MDN | W3C
其他学习网站
菜鸟教程-Flex布局教程
一个优秀的国外学习网站:
CSS-TRICKS-A Complete Guide to Flexbox
最后,附上小编私家整理的Flex知识点表:
后话
CSS Flex布局系列就到此为止啦!
欢迎各位大牛评价、有错的地方记得给我指正,
也希望这些系列的文章能帮助到走前端的小伙伴。
虽然只是小小的知识点,但却花费了小编很长的时间,因为担心会写错,所以写每一个知识点都尽可能的去查阅资料,喜欢的小伙伴记得关注我哟~
以后我会多写前端博客,做到高产似母猪且高质量输出哈哈~
来源:CSDN
作者:桑迪_clock
链接:https://blog.csdn.net/weixin_41178632/article/details/86761837