发表于： 2018-12-25 22:22:19
2 871
今天完成是事情：查看雪碧图使用，任务6尝试用雪碧图制作
明天的计划：继续使用雪碧图完成任务6，把垂直居中和雪碧图用熟练。
遇到的问题：
1、用PS做雪碧图时，图标的大小和图标之间距离不好掌握。
解决：
1、PS测量时一定要准确，而且要知道图标之间的距离，图标的大小。如果不知道距离，用background-position时不好找值，而且图标不一定显示出来，这有赖于图标的大小。
今天的收获：
1、垂直居中在整个布局中很重要，比如任务6的顶部下拉选项的布局，如果不懂垂直居中的方法，这里是做不了的。但是下拉脚标旁边的竖线的渐变的，加上这个以后，高就82，这时候用行高来垂直居中就不行了，我最后解决的方法是用弹性盒子来居中。其它方法还没尝试。
2、雪碧图确实能节省很多空间，任务6有很多小图标要扣，而且还有渐变竖线。但是他们的尺寸不一样，距离计算不太好计算，我是一边做一边用ps计算的。
3、垂直居中有很多方法，比如内边距，行高，flex。都能居中。要学会用多种方法。
4、样式的排放对html排版有影响。例如任务六的地址图标。（任务6中只要用雪碧图做，不注意看不出来。）
返回列表
评论