发表于: 2021-04-30 23:18:13
1 948
今天完成的事情:
1,对task5进行了理解,任务已经完成了一半。
2,学习了背景图,及其相关知识。
(1)background-image 为图像制定url
(2)background-repeat 有方向的重复(repeat-x;repeat-y;no-repeat)
(3)background-position 背景定位
(4)background-size:conver 背景图铺满
3,相对路径:一个点代表当前目录(可不写),两个点代表上级目录
4,input的密码输入框,有所了解
(1)placeholder=“请输入用户名” 初始里边有文字提示,当点击时,文字不消失,并且可输入自己的文本
(2)onfocus="if(value=='请输入手机号'){value=''}" onblur="if(value==''){value='请输入手机号'}"点击时文字消失
(3)<input type="password"> 密码隐藏看不到
5,绝对定位fixed,relative,absolute加深理解并且在任务中大量进行了运用
明天计划的事情:
1,对task4继续进行优化
2,task5继续未完成的任务
3,若是完成了task4和task5,那么则预习task6以及复习前面学到的知识
遇到的问题:
1,input输入框,显示的有内容,当鼠标光标停留在上面时,文本框的内容不会消失,只有当输入信息时,才会消失。网上找了好几个关于input password隐藏效果的代码,遗憾的是与官网上的效果有些出入,目前问题还没解决,明天再找找。实在找不到的话,只能求助师兄了。
2,对于盒子模型,里面套有多个盒子模型,觉得很难对其位置进行控制,倒腾半天一头雾水,导致task5被卡住了,明天再研究吧。
收获:
1,知道了img与background-image的区别,一个是在内容里插入图片,另一个是作为背景图来使用
2,对于任务中的细节被卡主,一定要进行记录与反思,积极寻求解决方案,看还有没有别的法子
3,对绝对定位理解更深刻了,用起来觉得好用,就是调代码的过程太慢了
评论