1.网格布局的概念,和flex布局的区别
含义: 它将网页划分成一个个网格,可以组合任意不同的网格,做出各样的布局 区别:grid布局与flex布局一定的相似性,都可以指定容器内多个项目的位置。但是它们也存在重大qub flex 布局是轴线布局,只能指定项目针对轴线位置,可以看作是一维布局 grid 布局则是将容器划分成不同的“行”和“列”,产生单元格,让和指定“项目所在单元格”,可以看作是二维布局,
网格布局案例:不规则布局页面(win窗口)
2.网格布局基础知识
1.容器和项目
容器:一个案例中最大的合作,可以理解成父元素 项目:一个案例中最大盒子里面的内容,可以理解为子元素 <sectione> <div> <p></p> </div> <div> <p></p> </div> <div> <p></p> </div> </sectione> <!--以上代码中sectione为容器,div为项目(项目不包括p标签)-->
2.行和列
行和列:容器了, 的水平区域称为“行”,垂直区域称为“列”
3.单元格
单元格:行和列的交叉区域,称之为“单元格”
4.网格线
网格线:划分网格的线ÿ