发表于: 2018-05-24 23:32:12

1 601


今天完成的事:继续任务七。


明天的计划:继续任务七。


碰到的问题:display:flex用的多了(给父级设,子级生效),结果在任务七里需要用到float也习惯性的给父级设了,还琢磨了好久问题出在哪儿,傻了傻了。。。


收获:1、新学会了两种变更雪碧图大小的方法,如果是要缩小到原图的50%的时候。

    第一种方法:background:url(../xx/xxx.png)no-repeat -242px 0/268px,其中268px来自于图片(整个雪碧图)的总宽度536px乘以50%,-242px 0来自于图片的定位(-484px 0)乘以50%。


    第二种方法:代码如下

background:url(../img/img.png)no-repeat 100% 0;
background-size: 600%;

比如说雪碧图内共横放了6张图片,每张图片均分为100%除以16等于16.66%,如果要取第一张图片,就是16.6% 0,如果要取最后一张图片,就是100% 0,以此类推。background-size:600%,是因为图片太小了,需要放大才能看清。


       2、学习了audio属性,但是还不会隐藏它自带的播放符号,今天解决。



返回列表 返回列表
评论

    分享到