发表于: 2019-05-21 22:48:13

1 815


今天完成的事情:


                         今天学到了很多东西,之前把头部给固定的差不多了,上午就着重的研究了背景图片上的东西,我把图片弄到中间去然后设置文本的位

置,就名字和年龄用了最简单的fiex布局把他弄成一行,刚开始不知道怎么弄后来思路开始越来越清晰了:

.box{
background-color: #5fc0cd;
   height: 40px;
   display: flex;
   color: #ffffff;
   align-items: center;
   justify-content: space-between;

}
.box1{
font-size: 35px;
   align-items: center;
}
.box2{
margin-left: 125px;
   margin-top: -100px;
   font-size: 15px;
   color: #ffffff;
}
.box3{
display: flex;
   margin-left: 197px;
   margin-top: -21px;
   color: #ffffff;

由于比较着急的想往后面写,所以代码还没精简过,所幸今天已经写到尾部了,估计明天任务五就结束了,任务5是两个图片,今天有了思路之后速度就快

的多了,明天一定要把任务五搞完,已经耽误了太多了,是时候结束了。


明天计划的事情:


                          明天上午把尾部给写完,然后第一张图片就彻底完成了,等到下午吃完饭就开始写第二张,如果顺利的话甚至直接可以在晚饭之前把任务五提交了,然后开始任务六。


遇到的问题:


                  今天遇到的问题比较多,开始忘了margin外边框怎么实体化,后来上百度搜了搜让后是这串代码

bordersolid;

意思就是边框,然后实线,可以换后面的属性实线虚线都可以,解决了边框的问题。

学会了如果margin需要移动的方位比较多的话还可以这样表示,意思就是顺时针转上右下左:

margin: 0px 0px 10px 0px;}

收获:


                  加强了百度的能力,然后加深了对盒子模型的理解,flex布局也稍微会用一点了,用到的最多的就是把块元素变成行内块元素从而使两个在一排,也不像前几天那样无从下手,学会慢慢的思考并解决问题。


返回列表 返回列表
评论

    分享到