发表于： 2018-12-22 19:18:19
2 740
今天完成的事情：
基本完成 任务4 手机登录页面
明天计划的事情：
继续完善图标.
争取再多用一点flex 特性 重新优化下
遇到的问题：
1 psd 文件中的图标 是白色，而最后要求完成的页面是 灰色图标，所以暂时把输入区域变成灰色
2 flex 好像并没有取消 float , float 依然起作用。
收获：
1. 知道了浏览器原本会自带一些属性，比如body 会带margin. 解决办法是 可以下载一个初始化的CSS, 或者先设body margin:0;
2. 去除 a tag 的下划线， input 的边框和选中输入框；
3. 运用flex 给输入手机区域和输入密码区域 做垂直居中
4. 加强布局的练习，对一些基本CSS 概念 更熟悉一些了例如：
float 能去掉高度
width 100% 使元素占整宽
利用负margin 调整想要的位置
实现缩放功能，但不至于失真（先设宽度占比，再设最大宽度）
返回列表
评论