发表于： 2018-10-27 21:38:53
2 663
今天完成的事情：
学习grid布局：CSS Grid(网格) 布局（又称为 “Grid(网格)” ），是一个二维的基于网格的布局系统它的目标是完全改变我们基于网格的用户界面的布局方式。
1、display：grid生成网格
2、grid-template-columns定义网格的列，值可以是长度值、百分比或者等份网格容器中可用空间（使用 fr 单位）
3、grid-template-rows定义网格的行
4、gird-template-areas定义网格区域
5、grid-area为子元素指定定义好的网格区域
6、grid-column-gap，gird-row-gap定义网格线的大小
7、grid-column-start，grid-column-end，grid-row-start ，grid-row-end定义四条线画出的区域
8、使用gird布局编写九宫格
明天计划的事情：
学习bootstap，编写任务6
遇到的问题：
暂无
收获：
了解了grid布局
返回列表
评论