发表于: 2019-01-15 18:42:12

2 715


每日分享



==========================================


今天完成的事情:    

1. 学习了布局中的相对,绝对,了解了 relative, absolute, fixed 的区别。资料: https://blog.csdn.net/u010853130/article/details/54908149

2. 学习了form, input, a 以及 button等元素的使用方法。资料: http://www.runoob.com/html/html-forms.html

3. 初步完成了 Task4 的框架搭建。如下图所示(公司电脑系统是英文,所以就吧文字暂时替换成了英文)



明天计划的事情:   

1. 切图,并把电话号码以及密码的图片放到input元素的左边(暂时还没有想好怎么放)

2. 控制元素之间的间距。 目前使用的margin会让两个相邻的元素之间间距翻倍。考虑使用相对位置来解决。

3. 学习任务相关文档及视频,查漏补缺


遇到的问题:

1. 如何给input添加默认文字?

网上搜了搜,有一个名叫placeholder的属性,给它赋值即可轻松实现。



2. [Unresolved] 如何控制元素之间的间距,避免双倍间距问题出现?

3. [Unresolved] 如何控制input元素的宽度? (目前我设置的100%会导致其突出右边框。)如何在添加了左边的图标后仍能让input元素响应页面宽度变化?


收获:

今天的最大收获是学习了 relative, absolute, fixed 的概念以及用法。 但是到实践的时候并没有想好到底怎样使用。 有想法,还需要时间时间看能否行得通。

自己能够跟着设计图做出一个还算看着顺眼的登陆界面还是很开心的。但是一想到这些元素的背后还有各种各样的event交互,就真实地感到前面的路还有很长。万丈高楼平地起,加油!


(公司无法上传代码。暂时不提供代码链接)




返回列表 返回列表
评论

    分享到