文章分类 - css3.0+html5.0
摘要:移动端浏览网页元素时,自动给input和textarea添加了内部阴影的效果,只需加入样式即可去除input,textarea{-webkit-appearance: none;}
阅读全文
摘要:1.css3 gradientMozilla(FF)下的应用:-moz-linear-gradient([||,]?, [,*])参数:其共有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。如图所示:webkit(chrome,safari)下的应用:语法:-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法-webkit-gradient(, [, ]?, ..
阅读全文
摘要:1.获得当前视频的长度:durationduration 属性返回当前音频/视频的长度,以秒计。如果未设置音频/视频,则返回 NaN (Not-a-Number)。语法 audio|video.durationmyVid=document.getElementById("video1");alert(myVid.duration);2. currentTime 属性将时间位置设置为 5 秒:myVid=document.getElementById("video1");myVid.currentTime=5;currentTime 属性设置或返回音频/视
阅读全文
摘要:1.transition属性Transition属性主要是用来对某个CSS属性的变化过程进行控制。动画属性Transition又包含了四个子属性,分别为property、duration、timing-function、delay。①transition-property:property针对了当前选择器的某个css属性进行设置。比如我要过渡一个背景色时,则设置property值为background。②transition-duration: duration针对了过渡效果的持续时间。③transition-timing-function:ease: cubic-bezier(0.25, 0
阅读全文
摘要:1.progress属性:value:表示当前进度max:表示总进度注:value和max属性的值必须大于0,value的值小于或等于max属性的值。<progress id="W3Cfuns_progress" max="100"></progress><progress> 标签定义运行中的进度(进程)。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。 <script type="text/javascript"> var newV
阅读全文
摘要:HTML5 Canvas笔记1.<canvas>是一个新的用于通过脚本(通常是JavaScript)绘图的HTML元素。例如,他可以用于绘图、制作图片的组合或者简单的动画(当然并不那么简单)。2.<canvas>元素<canvas id="tutorial" width="150" height="150"></canvas>看起来很像<img>,唯一不同就是它不含 src 和 alt 属性。它只有两个属性,width 和 height,两个都是可选的,并且都可以 DOM 或
阅读全文
摘要:1.浏览器支持最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。2.让所有IE支持HTML5的解决方案在页面head元素内调用html5.js (因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:<!--[if IE]> <script src="http://h
阅读全文
摘要:08-131.在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。2.特点:①微数据与微格式等方面的支持②本地存储,离线应用③API调用,地图,位置,LBS等④连接通讯,后台线程⑤多媒体⑥三维、图形及特效⑦CSS33.HTML5标签与HTML4标签区别(1)概念的变化: HTML5专注内容与结构,而不专注的表现(2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素 声明如:<!DOCTYPE html> <meta charset=utf-8>4.html5.0新增标签<artic
阅读全文