发表于: 2018-07-12 23:11:42
1 798
今天完成的事情:
完成任务6,开始任务7
1学习新的标签 HTML <audio>
用于在文档中表示音频内容。 <audio> 元素可以包含多个音频资源, 这些音频资源可以使用 src 属性或者<source> 元素来进行描述; 浏览器将会选择最合适的一个来使用。
该元素包含 全局属性。
autoplay布尔属性;如果指定(默认值为"false"!);指定后,音频会马上自动开始播放,不会停下来等着数据载入结束。
buffered你可以通过该属性获取已缓冲的资源的时间段信息。该属性包含一个 TimeRanges 对象。
controls如果设置了该属性,浏览器将提供一个包含声音,播放进度,播放暂停的控制面板,让用户可以控制音频的播放。
loop布尔属性;如果指定,将循环播放音频。
muted表示是否静音的布尔值。默认值为false,表示有声音。
played一个TimeRanges 对象,表示所有已播放的音频片段。
autoplay 属性优先于 preload 假如用户想自动播放视频,那么很明显浏览器需要下载视频。同时设置autoplay 和 preload属性在规范里是允许的。volume音频播放的音量。值从0.0 (无声) 到 1.0 (最大声).
preload 属性是用来缓存大体积文件的。它有三个可选值:
"none" 不缓存 "auto" 缓存 "metadata" 只缓存文件元信息
2半透明
opacity属性的值规定透明度。从 0.0 (完全透明)到 1.0(完全不透明)。设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度。gba用于设置颜色的透明度,参数是rgba(red, green, blue, alpha) alpha的取值从 0(完全透明) 到 1(完全不透明)。
3 display和visiblity的区别
display通常可以设置为none、inline、block
visibility通常可以设置为hidden、visible
当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。display会将元素隐藏掉,并且位置不再被占据,而visibility则是占据原来的位置。
明天计划的事情:
继续任务7
学习css3动画
遇到的问题:
任务6做的比较顺利,没有遇到很大的困难
收获:
随着页面的复杂,需要学习的东西还很多,经常思索实现类似效果的不同属性的区别点在哪里。
评论