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实现网页布局代码:
1.标签元素1.1常用标签 -: 标题通常用来划分或标注内容中的文本段落页眉: 一般是由导航, logo等元素组成页脚: 一般是由友情链接, 联系方式, 备案号,版权等信息组成导航: 导航通常是由一个或多个链接标签标签组成&...