发表于: 2019-05-17 23:18:32

1 850


       今天完成的事情:


                         今天上午研究任务五发现难度的确比较大,真切的感受到了,当初做任务四的时候用到的也就是简单的margin上下左右,然后文本居中,调下字体颜色就行了,其实想来非常简单,但是任务五刚开始的背景图片就让我忙了一上午,一开始把他弄成普通的img图片了,然后怎么摆放都不行,后来经过师兄提醒设置成背景图片才弄好,background:url(图片路径) 用到时这个代码。

                   背景图片搞好之后开始调头部的顺序,一开始<和个人主页用的都是DIV,后来发现<不方便调试,只好把UI图上面的抠过来了,效果特别好。然后就只把个人主页设置成SPAN,头部算是弄好了。

                     还有就是图片的摆放问题,我把名字和年龄放在一个盒子里,又把地址做一个盒子,暂时是这样,接下来就是fiex的摆放问题,接下来着重点说明一下flex这个东西:


                    fiex布局Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。

                   采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。

                    fiex的特点是把块元素变成行内元素,把行内元素变成快元素的特性。


                  我任务五用flex最大的左右也就是居中或者调整盒子的位置,目前还用不熟练,写的代码上暂时没有用到,等我明天再深入了解一下

   明天计划的事情:

  • 今天把head写的差不多了,等明天早上把背景图片上面的头像和人物介绍弄一下,下午就把下面的文本按顺序写出来,尽量吧任务五做完。

遇到的问题:遇到的比较大的就是背景图片怎么设置,后来张师兄帮我设置{background:url这个代码完美的解决了背景图片的问题,图片的摆放顺序现在还没有解决掉。
                       收获:

                      今天设置背景颜色,算是掌握了新技能吧,以后肯定会经常用到,算是比较实用的,还有更加深了百度的搜索能力,还有了解了fiex怎么设置居中,慢慢也会用了。

 


返回列表 返回列表
评论

    分享到