网页设计--复习布局方式

常用的布局方式：

1.传统布局：（y轴排列）上下/垂直排列 采用block标签，比如：div，header，main，nav,列表；

2.浮动：（x轴排列）水平排列，存在问题--清楚浮动

3.定位：（z轴排列）覆盖排列 position

               相对定位、绝对定位、固定定位、粘性定位、静态定位（默认）

css2以上均为传统布局，css3以后新增

4.flex布局：【一维布局X/Y】弹性布局，内容垂直居中，内容任意排列，宽度比例问题，局限性--只为解决水平排列的进一步优化，针对父子两级标签

5.grid布局：【二维布局X&Y】网格布局或栅格布局，在父标签中要写上  display：grid;  

6.响应式布局：核心技术--  @media  all  and (   max-width:1200px  )