HTML5复习提纲.docx

HTML5复习提纲 A卷css选择器各种选择符号的使用*?*通配符选择器，经常用于css reset，即样式重置，清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。#X?#+id名，这是日常常用的css选择器，用于匹配id为XXX的元素，id选择器的优势是精准，高优先级（优先级基数为100，远高于class的10），作为javascript脚本钩子的不二选择，同样缺点也很明显优先级过高，重用性差，所以在使用id选择器前，我们最好问下自己，真的到了非用id选择器的地步？ .X?.+class名，标准的样式选择器，与id选择器的区别是样式选择器可以选择多个元素。样式选择器是提倡使用的选择器，我想也是日常前端人员用到最多的选择器了。4.标签选择器 例： body{ color:#111111; font-size:12px;} img{ border-width:0;} 对应的标签对应相应的样式；5. class选择器 多个地方需要使用同种样式 p class =“intro”测试1/p p class =“intro”测试2/p css样式 .intro{font-weight:bold;}6.选择器的灵活组合 （1） div id =“mainco” p Welcome/p /div 应用CSS #mainco p{color:red;} （2）div id =“HeadTop” div id=“Logo” ….. /div /div 样式定义 #HeadTop #Logo { …}如何使用调试工具（快捷键）点开菜单栏2找到开发者-调试器/工具-开发者工具。3.快捷键：F12html5中音频视频元素的使用，属性的用处属性名值描述src:url播放的音视频的url地址Autoplay：autoplau页面加载后是否立即播放Controls：controls是否显示播放界面，可通过JavaScript自己实现自定义界面Preload：NoneMetadataAuto（默认）音视频数据是否预加载。None：不加载Metadata：只加载视频元数据Auto：浏览器自己决定如果定义了autoplay 该属性被忽略LoopLoop音频是否重复播放PosterURLVideo专用，当视频不可用时用url指定的图片替代显示Weight height数字 Video专业，用来表示视频的宽度和高度Error在媒体读取数据的过程，一般为null 错误形式：MEDIA_ERR_ABORTED：媒体获取异常MEDIA_ERR_NETWORK：表示网络异常MEDIA_ERR_DECODE：表示解码异常MEDIA_ERR_SRC_NOT_SUPPORTED：格式不支持或文件不存在ReadyState数字返回媒体当前就绪状态：HAVE_NOTING：没有媒体任何信息HAVE_METADATA:获取媒体元数据，但不能播放HAVE_CURRENT_DATA：获取到当前播放位置适用的数据，但不能向前播放HAVE_FUTURE_DATA：获取到后续播放所需的数据，但不能向前播放HAVE_ENOUTH_DATA:可以进行播放CurrentTime1数字以秒为单位。返回当前播放位置，也可以通过修改属性设置播放的位置startTime数字以秒为单位，返回文件开始播放的时间，通常为0Duration数字以秒为单位，返回文件播放总时间PlayedTimeRanges返回TimeRanges对象，该对象中可以获取已经播放部分的时间段PausedBool媒体是否处于暂停状态EndedBool媒体是否播放完毕Volume0~1返回媒体的音量，范围0~1，0为静音，1表示最大MutedBool表示媒体是否开静音SeekingBool表示浏览器正在请求特定位置的数据SeekableTimeanges返回TimeRanges对象，表示请求到数据的时间范围defaultPlaybackRata数字默认播放速率，通常为1PlaybackRate数字播放速率MediagroupString相同名称的进行分组，分组的媒体将同时播放html5 manifest离线缓存的使用（填空）离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5?中，通过 cache manifest 文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。在线状态检测：开发者需要知道浏览器是否在线，这样才能够针对在线或离线的状态，做出对应的处理。在 HTML5?中，提供了两种检测当前网络是否在线的方式。