格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 <video width="320" height="240" controls="controls"><source src="movie.ogg" type="video/ogg"><source src="movie.mp4" type="video/mp4"> Your b...
20款CSS3鼠标经过文字背景动画特效站长之家 -- HTML5特效索引 30个酷毙的交互式网站(HTML5+CSS3) 原文：http://www.cnblogs.com/sunbeidan/p/7602940.html
1.手机浏览器与桌面浏览器的不同现在手机浏览器的显示分辨率与桌面浏览器差不多，但是手机的尺寸比电脑要小很多。一个没做过响应式处理的网站，在手机和电脑上显示完全一样的内容， 不可避免的会出现字体被缩小的现象。想象一下电脑里12号字体缩小好几倍的效果吧。 所以如果将web网页移植为wap应用上，还是有许多问题需要考虑。2.理解两个viewport的概念做过wap开发的都知道 html的 <meta name=”viewport”> ,这是一个从iphone引入...
http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.htmlionicframework.com原文：http://www.cnblogs.com/Athrun/p/4683429.html
终于把这套课程讲完了，虽然时间隔了很长，但也算有始有终了，这是在YY讲课中我自己录的，讲了网页设计的基础，这也是我第一次给那么多人讲课，讲的不好多多包涵。前几次视频和课件是分开的，后几次都打包在一起了，由于第三章是教使用Dreamweaver，而我建议开始学的时候使用文本编辑器，因此就没讲这章，等学完基础，相信你们能够自己摸索Dreamweaver的使用。视频：第一、二章网页设计语言基础(1)：http://yun.baidu.com/s/1sjz2V...
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>HTML5-页面切换动画</title> 6<link href="animations.css" rel="stylesheet"> 7<script src="modernizr.custom.js"></script> 8<script src="jquery-1.8.0.min.js"></script> 9<style> 10 #viewsWrapper { 11 top:0px; 12 left:0px; 13 width:300px; 14 height:200px; 15 position:relative; 16 overflo...
//css//body , html{ margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; } .MusicBox { background-color: #212121; background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121)); background-image: -webkit-linear-gradient(top, #1B1B1B, #212121); background-image: -moz-linear-gradient(top, #1B1B1B, #212121); bac...
1.什么是HTML5万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言的第五次重大修改，作为新HTML语言，具有新的元素，属性和行为。 增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维，图形以及特效特性性能与集成特性，CSS3特性 2.H5新增语义化标签<header>头部标签 <nav>导航标签 <article>内容标签 <section>块级标签 <aside>侧边栏标签 <footer>底部标签 3.H5新增多媒体标签<au...
HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。HTML5安全手册CSS3按钮生成器 所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮即可查看相应的CSS3代码。When can I use…（HTML5 & CSS3 浏览器兼容性） 很详细的关于HTML5, CSS3, SVG等技术的浏览器兼容性列表。CSS3颜色值/名称速...
之前在园子里看到一个HTML5/CSS3的文字特效(这里)，觉得挺好玩的所以小小的研究了下，不过发现代码都是针对webkit以及FF的所以IE跪了。Runjs我将示例中的代码进行了精简，后来发现CSS大多数没有前缀，我很费解之后发现它引用过来一个PrefixFree，有了这个js就能不用写CSS3的前缀:)PrefixFree?<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>在link中，或是style中，或是dom元素的style中书写CSS...
功能特性animation 是否动画显示数据，默认为1(True)showNames 是否显示横向坐标轴(x轴)标签名称rotateNames 是否旋转显示标签，默认为0(False):横向显示showValues 是否在图表显示对应的数据值，默认为1(True)yAxisMinValue 指定纵轴(y轴)最小值，数字yAxisMaxValue 指定纵轴(y轴)最小值，数字showLimits ...
H5结构知识点一：body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站：https://gsnedders.html5.org/outliner/移动端么meta格式：移动端要加的标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">移动端图片自适应css(配合上述标签使用):img{display:block;max-width:100%;}css3标签：ouline:none 点击无虚线css3内边距和边...
第17章 与背景和边框相关的样式与背景相关的新增属性background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在Firefox浏览器需要加“-moz-” Safari浏览器需要加“-webkit-”background-clip的值有border（背景范围包括边框区域）和padding（背景范围包括padding区域，不包括边框）“-webkit-”...
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性，大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮，不信看下面。用你的鼠标悬停在这些链接上，你就能体验和传统链接完全不一样的感觉。当然最重要的一点：你需要使用现代浏览器才能有更好的体验效果，比如谷歌浏览器或火狐浏览器。演示效果和下载请看：http://yusi123.com/3236.html1. [代码]节选其中...
学习前端有一段时间了，一直在看书上的理论知识，而实战项目却很少。师兄常说，想要知道自己的实力有多少，知识掌握了多少，最好的方法就是去实践了，实践出真知嘛。于是决定在这个假期里，主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习，查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的，也尝试自己切图、测量位置、获得内容的属性等等...