发表于: 2019-05-15 22:30:47
1 766
今天完成的事情:
昨天把任务的布局和样式大概写出来了,今天上午着重处理细节问题,比如说手机那个图片和输入框的距离,虽然只有一点但是也调了好久,我把两个图片在选择器里用了一个命名,这个刚开始没发现,还是张师兄提醒我的(感恩感恩)微调后通过margin值左右移动解决了这个问题,然后输入框的文字也是不能水平居中,后来百度出了line-height:,也就是行高45PX调试成居中的状态了,刚开始一串代码就能解决的问题,其实也不是那么难。后来慢慢就知道问题出在哪里了,一直在选择器里面修改样式,后来写那个忘记密码那个已经知道该怎么写了,直接用div做了一个盒子,然后添加了向右浮动,调了调字体的大小和颜色直接就可以了,最后调的差不多马上就要进入收尾阶段了。图片如下:
明天计划的事情:
明天计划上午把input输入框里面弄成获取焦点时消失,失去焦点时显示的那种状态,搞完这些基本上就可以提交任务了,应该上午任务就能过,让后下午接任务五,前面布局什么的应该可以做一点,任务五比起任务四又难多了,然后再了解一下fiex布局,估计马上就要用到这个布局了,多多努力吧。
遇到的问题:
刚开始的时候没把两张图片用一个选择器调试,所以不太方便,后来弄到一块调着方便多了。另外就是输入框需要设置那种获取焦点时消失那种状态,还有设置只能用数字输入这个感觉难度稍微有点大,百度上比较推荐的就是啥正则表达式,看教程了半天结果一点看不懂,实在是智商堪忧。。。然后搜到了另外一种可以限制只能输入数字的方法,就是onchange 事件,这个之前也没听说过,直接就把代码复制下来使用了,感觉还不错,明天再研究一下这个事件能不能干别的。
收获:
对选择器的理解更深了一层,基本上class选择器已经会使用了,对input框的了解更深了一层,就是标签里其他的属性需要细细挖掘,比如说ibput框里原来也有多种属性,这个慢慢来吧。今天写的代码不多,但是写的自己也能看明白了,是个好兆头,以后多加努力,尽早实现年薪百万的理想。
评论