发表于: 2019-07-06 10:58:27

2 1023


今日完成的任务:


1.在师兄的建议下学习了下弹性盒子的用法,然后用学来的语句实现了header的布局

具体步骤如下:

先利用align-items:center

将“关闭”“登录”“注册”完成垂直居中,

再用justify-content:space-between将这三个家伙水平占满,

中文不好描述,看英文应该好理解,就是把他们中间均匀地插入空白。

最后两边再给个margin,完美完成leader布局


2.中间的部分我原以为很简单,直到师兄告诉我这是一个表单,我才知道事情远没有我想的那么简单

,一个新的概念出现了,然后去查了下表单的资料,发现这是一个html概念下的简单交互。

https://www.tuicool.com/articles/7V3eqan

这个链接下讲的内容还算可以,我就不多讲了。

关于表单部我看到还有很多用法没用到,或者说这个任务就是带给我们一个表单的概念,

现在已经完成了表单的基本布局,就是不知道咋把密码输入的时候变成小黑点

集体的更多用法,我回去还要多练练熟悉熟悉。


3.剩下的部分就不多说了,没啥要讲的,能过任务3的话,都不是问题了。


 4.今天师兄给我露了一手,师兄果然是师兄,用了个不知道是自动切图,还是提取图层的方法把我要截的图直接弄下来了,比我手动的更准还快,看来下去也要研究下ps的用法。


5,由于今天弄报名的事情,耽误点时间,本来今天就该完成代码的,只能明天加把劲了,争取完成任务。


突然想到这个任务要不要点击登录或者注册界面之后进行验证,然后跳转界面,那是不是意味着已经离后端很近了?要不要弄成链接的形式?可是又怎么验证密码的正确性?

链接要链到哪里?

 

明天的计划:


 上午争取完成代码。下午好好复盘,研究表单其他元素的使用,感觉表单的应用无处不在,一定要好好掌握。


遇到的问题:这个任务需要验证密码吗?感觉自己对交互的代码结构都没啥经验


今天完成的任务:


1.了解了弹性盒子的概念,以及相关简单代码的使用


2.了解了表单的概念,以及相关简单代码的使用


3.学会了一个切图的小技巧


4报名相关事宜

 



返回列表 返回列表
评论

    分享到