发表于： 2018-12-04 17:26:23
1 752
今天完成的事情：
（1）根据psd裁剪出所需图片
（2）制作页面主体部分所需用的小图标为雪碧图，以便后期使用（可使用工具css sprites或ps手动制作），由于图标较少，我使用的ps制作
（3）学习如何将制作的雪碧图应用起来
（4）完成任务六大致界面图
页面主体部分使用flex布局，分为左右两部分来进行排列；底部也是用的flex布局
明天计划：
完善任务六的界面
遇到的问题：
（1）第一次使用雪碧图，并不是很熟练，有很多地方都比较模糊，对background-position的运用不熟练
（2）下拉列表处的三角图标使用雪碧图，但是始终无法在理想的位置，这个下拉列表我使用的是一个大的div嵌套三个小的div，每个小的div里面再写select，插入图标时将图片插在最大的div中，调整位置时，图片会莫名消失，无法显示；插在select中的话就会像上图一样，使用background-position也没有反应
(3)主体部分的小图标也没有排列好，明天继续完善
收获：
（1）第一次接触雪碧图，还比较懵，后期多练习一下
（2）最开始写代码的时候，漏看了一条任务，顶部是要求做成下拉列表，但是我第一次却是用的ul，让自己多花费了时间，下次一定要把任务看清、看完整
（3）上一个任务接触到了flex布局，但没有很好的运用起来，这次用到了flex布局，发现只要将这个布局运用在适当的地方，可以省很多功夫
返回列表
评论