发表于: 2017-03-15 16:00:30
2 797
今天完成的事情:对登录页整体布局;
对header布局;
初步认识表单及表单里的button和input元素;
用PS切小图标;
对表单样式进行修改;
登录不同设备查看页面;
用chrome开发工具调试代码;
登录页上传服务器,代码上传github
明天计划的事情:对遇到的问题总结学习后学习任务5
遇到的问题: 1、虽然代码中运用了定位,感觉还没理解到位,有时会不知道定位的参照物是谁,继续学习并练习;
2、刚开始把小图标用img方式和input并列,总是对不齐,即使对齐了总觉得不同浏览器也许会错开。解决方法:对input设置图片背景;
3、解决了图标问题后,竖线放input里的话,鼠标就会在竖线处闪烁,而且大小设置会和字体大小一样,后来一起放在图片背景里解决 了,师兄说不能那样,于是把竖线单放出来但是位置一直在input外面。解决方法:最后终于想起来用绝对定位方式,看来自己对 定位太不熟练了。
收获: 对布局流程熟悉了一些,先整体布局,再顶部,再具体;
会运用前面学习的样式了,在此基础上学习运用新样式,对标签和css属性熟悉才能运用的得心应手;
对定位和浮动认识加深了;
对表单元素的样式修改有一定认识,input里可以用图片背景,图片背景的大小设置要放在后面,放前面不起作用;
学习了鼠标的设置。
评论