发表于: 2021-12-07 20:43:19
1 1549
今天完成的事:今天在做任务7,还有昨天做的sprite图,因为昨天的 雪碧图做的太小分辨率不够,显示起来看不清,所以今天重新制作了sprite图。然后对任务7进行排版,昨天做了任务7的讨论页的顶部和底部,今天上午做中间的menu和main,本来打算利用网格布局,但是排版时每个格子的宽度和高度对比不好,结果我又使用flex布局重新做了页面,后面又接着做任务7的结果页,过程也是利用盒子排版去做,就是对于使用雪碧图有点浪费时间,background-position X Y,这个定位老是找不到图片点,要一直试,有时候我还要用px来定位,比较费事,然后我就去搜索引擎搜索,找到了问题,弄明白了XY的起始位置。然后看关于鼠标点击触发的css样式。
明天计划的事情:明天啊继续做任务7,把最后一个图布局完,学习按键样式,和其他需要用到的样式。
遇到的问题:网格布局,使用响应式布局,如果给网格设置固定的width,height怎么控制每row的盒子数,就是让column-gap自变化,影响第一排 而不影响第二排
收获:雪碧图做的更熟练了,盒子模型现在可以很流畅的设置样式了,对盒子的样式 不用像以前先式再做了
评论