发表于： 2019-08-17 22:03:44
1 839
今天完成的事情：
1、今天完成了任务七，学会了透明和半透明的处理，学会了隐藏属性的应用
2、HTML5的audio标签的使用创建音频流
3、：hover的使用，鼠标悬停效果
明天计划的事情：将任务七不足的地方进行改进，思考下深度思考里的问题，开始准备任务八，
遇到的问题：
1、开始的想法是将音频的开关放在按钮中做到开关，但是audio标签添加controls属性后自动出现控制台，放在button中也不能做到开关，之后师兄提醒了不需要控制其开关，在body添加了audio标签之后使用controls属性和autoplay属性
使bgm可以在打开页面的时候自动播放，同时页面不显示控制台。
2、将代码上传到github上的时候打开页面样式没出来，师兄帮我找出原因在我引用bootstrap框架的方式是链接网页的方式，在github上打开出现错误，改为下载好然后链接到本地文件解决此问题。
收获：
1、background:#000; opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明
filter:alpha(opacity:30)针对IE浏览器的时候加上这个
2、
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
3、:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器可用于所有元素，不只是链接。
注意: 在触摸屏上 :hover 有问题，基本不可用。不同的浏览器上:hover 伪类表现不同。
：link 选择器设置了未访问过的页面链接样式， :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后！！
link:连接平常的状态
active:连接被按下的时候
visited:连接被访问过之后
hover:鼠标放到连接上的时候
css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active。
4、在HTML5之前，没有在网页上播放音频文件的标准。在HTML5之前，音频文件只能使用插件（如闪存）播放，<audio>元素指定了在网页中嵌入音频的标准方法；
<audio>和</ audio>标记之间的文本将显示在不支持<audio>元素的浏览器中
<audio>元素有3种支持的文件格式：MP3，Wav和Ogg
属性
autoplay如果出现该属性，则音频在就绪后马上播放。
controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop 如果出现该属性，则每当音频结束时重新开始播放
muted 规定视频输出应该被静音。
preload
如果出现该属性，则音频在页面加载时进行加载，并预备播放。
如果使用 "autoplay"，则忽略该属性
url 要播放的音频的 URL。
返回列表
评论