发表于： 2017-03-08 20:01:18
1 778
今天完成的事情：今天尝试做了任务10，并优化了在不同设备不同分辨率下的显示；学会了单选选项的应用，尝试用css绘制进度条。
明天计划的事情：完善任务9盒任务10，如果都通过审核就开始学习任务11。
遇到的问题：
1 任务10里的橙色进度条不允许使用切图的方式完成，我便尝试用css来制作，我使用的方法是先用一个div的background-color属性画出一条直线，然后再用另一个div的border-radius属性画出一个圆，然后用position：relative将圆固定在直线中间，然后将这个样式重复四次完成进度条，这是我能想出来最简单的方法，不知道是否有更简单的方法实现。
2 一组单选按钮只能选中一个，实现的方法是使它们的name命名相同。
3 在制作单选按钮的时候发现单选按钮前面的小点太丑了，为了和设计图中的一致，我尝试了许多办法都不能实现，上网查了很多之后发现需要将原来的radio样式隐藏，然后再把切好的图用background属性加上去，最后用js实现点击改变background-position让按钮显示被选中，因为还没有学到JS，所以只能按照网上所写的硬套上去，总算是实现了，但是整个页面只能选中一个单选按钮了，应该是调用了js的原因，但是不知道怎样解决。刚刚又看了眼常见问题里的参考答案，感觉有点不明白，明天准备试试。
返回列表
评论