发表于: 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,对绝对定位理解更深刻了,用起来觉得好用,就是调代码的过程太慢了


返回列表 返回列表
评论

    分享到