发表于： 2019-07-11 02:42:53
3 802
今天完成的事
1.根据师兄的提示思考
通过修改雪碧图的单位为VW仍不成功
后来尝试发现
background-position设置两个属性值就不会滑动
原先只是设置一个相同的属性值
雪碧图是宽度和高度不同
造成了小方块滑动时雪碧图也滑动
后面根据预先设置的雪碧图宽度和高度来设置background-position
2.根据方法修改小方块雪碧图
3.开始游戏结果界面
4.设置好header
5.使用ps切出两个图
6.简单架构奖杯与游戏结果总结界面
7.调整样式完成
8.完成第一段文字部分
明天计划的事
1.完成游戏结果页面第二段文字部分
尝试使用有序列表
2.完成游戏结果页面footer部分
3.完善三个页面的跳转样式
4.尝试提交任务7
遇到的问题
1.同时设置两个背景图时不知道如何设置第二个图片距离右边10px
有没有简洁一点的方法
如果没有只好下设一个子元素再插入背景设置定位了
收获
1.学会如何同时插入两张背景图片并分别设置属性
中间要用逗号隔开
2.学会了一种文字靠下的方法
display: table-cell;
vertical-align: bottom;
返回列表
评论