发表于: 2019-10-29 22:39:30
1 1049
编辑日报内容...
今天学习的内容
任务五,今天的这个任务其实相对于之前的任务要相对简单些,题头是让我们做一个类似于昨天的登录见面的头部,需要把个人主页这个div放居中位置。这个我是用的绝对定位做的因为前面还有一个div框所以直接定了left的42%,也可以用margin-left。
而后插入一张图片,图片因为有宽高,所以为了使它能横向拉伸,所以给他定width100%。
接着用到了今天学习的新技能了,使<ul>列表,通过对<li>的样式做改变可以实现所要求的内容。着重考虑到的细节是在如下的图里。
自我介绍之前是在置于左上角的,若和后面文本在一行则效果还好,但文本自动换行后自我介绍是不会做出移动的,所以这里要设置垂直居中,之后就有用到了昨天所讲述的display;fiex,这个标签了。直接在自我介绍文本外加一个div这个div会随着后面文本的高度自动撑开然后在这个div中之直接设定align-items的属性center。
另外最后footer部分的留言和电话联系,我是直接设定的margin来让连个块实现等分结尾的,顺带提一点footer的部分要用绝对定位放置于页面的最下端不会随滚动条的出现而改变。
明天要完成的工作:
明天要看看任务六能推进到什么样的进度,希望能一天一个任务!!加油
今天遇到的问题:
今天主要是在查询居中的问题,师兄讲垂直居中是个比较大的难点大概是应为所有元素在高的这块大多都是由子元素所撑开的把。继续探索css接下来的奥秘。
评论