【CSS学习补充—Grid网格布局】

CSS学习补充—Grid网格布局1. grid布局介绍以及网格轨道2. fr单位以及gap和repeat函数3. auto fill自动填充完成响应式效果4. 网格线以及练习网格的小游戏网站5. auto flow自动填充以及object fit图片缩放6. 项目对齐方式以及必看总结1. grid布局介绍以及网格轨道CSS布局接下来我们来学习网格布局Grid布局不是用来淘汰Flex布局的例如网格布局的核心网格容器网格轨道实操网格轨道对齐方式实操多行多列写法2. fr单位以及gap和repeat函数fr单位实操gap网格间距不是子元素间距实操repeat()函数3. auto fill自动填充完成响应式效果实现响应式效果需学习以下知识点实操auto fit和auto fill区别4. 网格线以及练习网格的小游戏网站网格线怎么样让某个盒子占满多个网格法一注意代码写在子盒子上法二案例小游戏网站5. auto flow自动填充以及object fit图片缩放排列方式图片缩放6. 项目对齐方式以及必看总结对齐方式属性值注意与justify-content区分。总结