发表于： 2019-09-26 19:24:26
1 708
今天完成的事件
知道了CSS框架Bootstrap这么个东西，用法是
直接把上面的复制 放在项目代码前面就是平常写引用 选择器的代码那然后通过CLASS类进行引用就可以了，现在还不是太会用这个框架。
遇到问题 网页音乐播放器：audio标签 定义是声音，用来在网页上面做个播放器
如果要有个播放器代码是
<audio controls src="数码宝贝.mp3">
controls 代表这播放器 后面的就是你要播放的音乐文件，注意音乐文件必须和项目文件放在一起。
效果：
问题就是这东西是自带的给你写好的如果你想改成一张图片播放音乐那你得自己改源代码太麻烦。
解决问题：
<audio autoplay loop src="数码宝贝.mp3">
autoplay 作用是你一打开网页就自动播放音乐。
loop是重复播放。
解决图片伸缩问题：
在写格子的时候 我用的是PX值 在视窗伸缩的时候 它是固定的不进行自适应。
知道的VW视窗宽度，1vw=视窗宽度1%很好的解决了我的视窗收缩的时候，盒子跟着视窗自动改变。
问题：display: flex;与display: none;是不能同时一起用的。
经过师兄的提醒，我在图片上面设置隐藏属性display: none;，避开了flex布局解决该问题。
效果如下
页面算是完成了80%就差底部设置了。
明天休息，明天花时间把页面做完。
返回列表
评论