发表于: 2018-12-02 21:03:10
1 726
今天再做任务4。任务4基本完成了。
效果如下。
今天遇到的问题1,布局问题,设计图页头,我的想法是用三个盒子进行布局,但是任务验收标准不一样。所以说要重新对页头布局,flax布局根本看不懂,大师兄告诉我用绝对定位布局。
position: absolute;
问题解决。
2,下拉框问题,下拉框虽然做了出来但是,要用背景颜色白色,但是在左边留的有间隙,白色总是无法百分之百覆盖。之后发现用margin-left去布局并不行,可以用right,right果然可以。
3,登陆flex居中后会出现,无法水平居中,用margin左右边距都无法解决。flex对于我来说太难吃透,文本居中问题解决,但是又无法垂直居中,我想用颜色height高度去解决,颜色布局高度调小,可以解决,但是垂直居中的问题还没有解决,询问师兄,师兄告诉我,行高可以解决问题,
line-height: 210%;
果然可以垂直居中了,问题解决。
4,在做任务的时候我太迷信用浮动解决问题,自己基础太弱,问基础知识掌握不过,明明最简洁的代码就可以解决问题,非要复杂化。
今天收获了,inputi标签做输入框,绝对定位,去掉边框的之后,还有蓝色框,所用的outine:none;div标签里面的,父级元素与子级元素。行高。虽然任务做得差不多了,但是基础太弱,还是需要消化一下所学的知识。
评论