发表于: 2021-03-05 18:26:22

1 1027


今天完成的事:

1.完成了任务7第二个页面

2.完成了部分任务7第三个页面

遇到的问题:


今日收获:

一..巩固了页面布局

1.position定位absolute(绝对定位),reletive(相对定位),fixed(固定定位),float(浮动),

 其中reletive(相对定位)不可以层叠,没有脱离文档流,设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。并且在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

absolute(绝对定位)可以层叠元素,从文档流中删除,并且绝对定位会绝相对于最近已经定位的父元素定位。

fixed(固定定位)概念想css长度单位vw一样,相对于视窗本身的一个定位

float(浮动)会使元素向左或者向右移动,周围的元素也会重新排列。


2.display布局:flex(常用),inline-box等。

使用 display:flex 的元素被称为 flex 容器,容器本身有一些属性可以控制直接子元素的布局。

1.flex-direction :控制布局方向,从哪里开始,沿着哪个方向,最终到哪里。

2.justify-content :控制子元素在主轴对齐方向。

3.align-items :控制子元素在纵轴对齐方向。

4.flex-wrap :控制子元素一行不够容纳所有元素时是否要换行。

5.

align-content :控制子元素对行时对齐方式(必须有多行时该属性才能生效)。


明日计划:

1.完成任务7第三个页面,学习css半透明相关知识。

2.开始学习js相关知识。



返回列表 返回列表
评论

    分享到