发表于: 2018-07-05 23:57:57

1 755


今天完成的事情:(今天把任务七的第二个页面做了出来。学了怎么使用audio,怎么隐藏。) 
明天计划的事情:(完成任务7最后一个页面。开始任务8点内容) 
遇到的问题:(

 今天的问题:任务七设置12个盒子出现的问题,刚开始我的想法是先做出一个盒子,把样式都添加上去,做出一个之后,剩下的11个都可以复制粘贴。然后做出效果的时候,一个盒子可以很好的显示,但是对其他的复制粘贴的话,就会发现,所有的盒子都是向下竖向排列的。因为之前给福记设了flex布局,flex-direction:column。这样可以使 我的传奇跟1号 竖向排列。但是最后我不知道怎么去取消,让剩下的盒子不竖向排列。我试着把第一个盒子设置display:inline-block。结果所有的内容都失去了宽度。。     后来重新布局html代码如下。
css代码如下:。可以做出效果:

) 
收获:(学习到audio的用法。各个属性


autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

loop loop 如果出现该属性,则每当音频结束时重新开始播放。

muted muted 规定视频输出应该被静音。

preload preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url 要播放的音频的 URL。



返回列表 返回列表
评论

    分享到