grid学习历程

初学grid

1. 以前通过《css权威指南》学习了grid，书中内容很细
2. 但是由于几乎没有有意的使用，半年后忘记的差不多了

复习

1. 看视频和写题目快速回忆学习了一下grid
2. 视频： www.bilibili.com/video/BV1Bk…
3. 习题: codepip.com/games/grid-…
   • 习题未涉及全部属性

常用属性总结

container属性

1. grid-template-columns
2. grid-template-rows
简写: grid-template

3. row-gap（以前是grid-row-gap,下面几个都是取出来grid）
4. column-gap
简写：gap

5. grid-template-areas
6. grid-auto-flow

7. justify-items
8. align-items
简写：place-items

9. justify-content
10. align-content
简写：place-content

11. grid-auto-columns
12. grid-auto-rows

items属性

1. grid-column-start
2. grid-column-end
简写：grid-column

3. grid-row-start
4. grid-row-end
简写：grid-row

5. justify-self
6. align-self
简写：place-self

7. order
8. grid-area