过去的几年，网页设计和制作人员就已开始关注和使用 HTML5 了，如今 HTML5 得到了更加广泛的应用，国外已有很多基于 HTML5 制作的网站

彼岸花瓣掉落CSS3动画特效是一款基于css3 keyframes属性绘制彩色的花朵花瓣掉落动画特效。

HTML5+CSS3做一个云朵特效按钮的悬停效果，代码简单，没什么难点，适合新手朋友拿来练手。

html+jquery+CSS实现最简单的右侧导航栏效果

多媒体的支持条件 多媒体的格式 多媒体的格式 01 多媒体的格式 多媒体元素（比如视频和音频）常存储于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。 多媒体元素也拥有不同扩展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4等。 常见的音视频格式 02 视频格式 视频格式 Ogg MPEG WebM 视频格式包含视频编码、音频编码和容器格式。 视频格式 Ogg：指带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件。 MPEG 4：指带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件。 WebM：指带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件。 音频格式 Vorbis MP3 Wav 音频格式 音频格式是指要在计算机内播放或是处理音频文件。 音频格式 Vorbis：是类似ACC的另一种免费、开源的音频编码，是用于替代MP3的下一代音频压缩技术。 MP3：是一种音频压缩技术，其全称是动态影像专家压缩标准音频层面3（Moving Picture Experts Group Audio Layer III），简

设置多重背景图像 设置多重背景图像 01 设置多重背景图像 在CSS3中，通过background-im、age等属性提供多个属性值可以实现多重背景图像效果，各属性值之间用逗号隔开。 background： background-color background-image background-position background-repeat background-attachment background-origin //css3新增属性 background-clip //css3新增属性 background-size //css3新增属性 描述 说明 （css3多重背景属性） 设置多重背景图像 div { width: 800px; height: 600px; background:url(HTML1.jpg) no-repeat , url(HTML2.jpg) no-repeat left bottom, url(HTML3.jpg) no-repeat 10px 15px; background-color:yellow; } 示例：设置多重背景图像 背景复合属

HTML5&CSS3网页制作：视频和音频编解码器.pptx

视频和音频的方法和事件 视频、音频常用的方法 01 方法 描述 load() 加载媒体文件，为播放做准备。通常用于播放前的预加载，也会用于重新加载媒体文件。 play() 播放媒体文件。如果视频没有加载，则加载并播放；如果视频是暂停的，则变为播放。 pause() 暂停播放媒体文件。 canPlayType() 测试浏览器是否支持指定的媒体类型。 视频、音频常用的方法 HTML5为video和audio提供了接口方法，具体介绍如下表所示。 视频、音频常用的事件 02 视频、音频常用的事件 事件 描述 play 当执行方法play()时触发。 playing 正在播放时触发。 pause 当执行了方法pause()时触发。 timeupdate 当播放位置被改变时触发。 ended 当播放结束后停止播放时触发。 waiting 在等待加载下一帧时触发。 ratechange 在当前播放速率改变时触发。 volumechange 在音量改变时触发。 canplay 以当前播放速率，需要缓冲时触发。 canplaythrough 以当前播放速率，不需要缓冲时触发。 durationchang

CSS3选择器--属性选择器;CSS3选择器简介;使用选择器可以方便的定位于指定的元素，而不用使用额外的class或id，通过这种方式也可以让我们的代码和样式更加简洁、灵活、易控制。;属性选择器;属性选择器;E[att^=value]属性选择器;E[att^=value]属性选择器;E[att$=value]属性选择器;E[att$=value]属性选择器;E[att*=value]属性选择器;E[att*=value]属性选择器;总结;;谢

图像标记;图像标记;网页中常用图形格式;网页中常用图形格式;网页中常用图形格式;网页中常用图形格式;网页中常用图形格式;图像标记;图像标记;图像标记;（1）有的浏览器不能正常显示alt属性的内容。;绝对路径和相对路径;实际工作中，通常新建一个文件夹专门用于存放图像文件。;绝对路径和相对路径;绝对路径和相对路径;图像标记示例;总结;;感