发表于: 2018-07-12 23:11:42

1 800


今天完成的事情:

完成任务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  displayvisiblity的区别

display通常可以设置为noneinlineblock

visibility通常可以设置为hiddenvisible

displaynonevisibilityhidden时,元素都会不见。不过其还有不同之处。display会将元素隐藏掉,并且位置不再被占据,而visibility则是占据原来的位置。

明天计划的事情:

继续任务7

学习css3动画

遇到的问题:

任务6做的比较顺利,没有遇到很大的困难

收获:

随着页面的复杂,需要学习的东西还很多,经常思索实现类似效果的不同属性的区别点在哪里。




返回列表 返回列表
评论

    分享到