发表于: 2019-05-14 20:55:40
1 1024
今天完成的事情:
今天早上实在是没啥思路,久就打算去修真院的任务四看看各位师兄写的代码,大部分看了一遍,还是没啥思路,可能是我之前基础实在太差了,对于简单的布局都不好理解,所以看师兄们任务四的时候并没有太大的启发,很多时候都处于懵逼状态,这种状态一直持续到下午才得以缓解,刚开始使用form布局,到后来遇到问题百度才知道form布局不是那么容易理解,于是就 放弃这个布局了。头部用heard标签写,把头部放到一个盒子里面,主要的还是CSS的的样式比较重要,首先给盒子添加了一个背景颜色为#5fc0cd,也就是登录上面头部的颜色,以前我在body里面直接添加了这个背景颜色,感觉这个才是最后面的颜色,后来发现我错了,在这个盒子里面写才是正确的姿势。
让我头疼了好久的输入框添加了两个背景颜色为白色,然后加入了marjin值和行高这三条属性就可以了,看来我以前把他想的太复杂了,其实并没有多少东西,这还是源于我对盒子模型布局的顺序不够理解,实在是惭愧惭愧。下面是代码:
遇到的问题:
不知道手机怎么放到输入框里面,后来把手机的图片和输入框弄到一个盒子里面才解决这个问题。直接在body里写背景颜色,后来把它给删了在盒子里面加背景颜色才恍然大悟。让后比较主要的就是头部,把之前的头部格式删了,因为那个实在是搞不懂虽然能生效但是不知道原理,还是用最基本的写到一个盒子里面,加入了行高,文本居中,设置了文字高度和样式,代码如下
完美解决了头部问题。
明天计划的事情:
明天计划把任务四做完然后提交了,今天搞了那么久也差不多能收尾了,应该再稍微设置一下就可以了,然后尽量的了解任务五,并尝试着做一下,还有再看看fiex布局,听说这个布局很强大,以后会经常用到。
收获:
更深的理解了盒子模型,知道了margin的使用,知道了text-align属性的作用,还有字体的行高属性line-height,另外稍微了解了fiex布局,但是感觉太难看不懂。然后明确了百度的姿势。
评论