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.快捷键：F12 html5中音频视频元素的使用，属性的用处 属性名值描述src:url播放的音视频的url地址Autoplay：autoplau页面加载后是否立即播放Controls：controls是否显示播放界面，可通过JavaScript自己实现自定义界面Preload：None Metadata Auto（默认）音视频数据是否预加载。 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数字播放速率