1.作业要求仿写淘宝购物车页面的主体部分，页头和页脚用之前做的组件进行拼装仿写对象： 2.完成思路2.1对仿写对象进行布局分析，确定各主要区块，明确各区块的主要实现方法，初步确定DOM结构。2.2在DOM结构确定的基础上，通过web控制台打开仿写页面...

1.作业要求实战展示Grid项目和容器的所有属性 2.初始化Grid容器和项目，设置参考线2.1初始化代码html部分： 1 2

1仿写目标 2.页面分析 1.1整体分三部分头部、底部和主体，呈纵向排列，其中头部和底部是相对浏览器固定不动的。因此主体可以设置弹性盒子纵向排列。 1.2主体内容分四大块，呈纵向排列的。因此主体同样可以设置弹性盒子纵向排列 1.3导航区有8个导航链接...

1.效果图 2.设计思路2.1分析示意图 2.2flex布局分析作业要求为用flex来实现页面效果，flex是弹性容器，特点是具有主轴和交叉轴，项目可以按轴排列。 第一步：合并同类项，由外至内依次划分出不同的弹性容器。 这个组件从外至内大概分为红、蓝...

1.Flex容器中的项目的六种属性1.1 flex-grow用来分配容器的剩余空间，默认值为0，即不分配 1.2 flex-shrink压缩自身空间，默认值为1，自动压缩 1.3 flex-basis基本宽度，优先级高于width，默认值为auto ...

1.当容器display为flex时，可设置的6种属性1.1flex-direction用来设置主轴方向 /*!*flex-direction是用来设置主轴的方向*/ /*row代表inline方向，column代表block方向。默...

用传统方式完成网页布局（大作业1221-1222）1.用table实现网页布局代码：