文章分类 -  css3.0+html5.0

摘要:移动端浏览网页元素时,自动给input和textarea添加了内部阴影的效果,只需加入样式即可去除input,textarea{-webkit-appearance: none;} 阅读全文
posted @ 2016-01-04 19:20 hlp鹏 阅读(331) 评论(0) 推荐(0) 编辑
摘要:1.css3 gradientMozilla(FF)下的应用:-moz-linear-gradient([||,]?, [,*])参数:其共有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。如图所示:webkit(chrome,safari)下的应用:语法:-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法-webkit-gradient(, [, ]?, .. 阅读全文
posted @ 2014-02-10 10:00 hlp鹏 阅读(155) 评论(0) 推荐(0) 编辑
摘要: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 属性设置或返回音频/视 阅读全文
posted @ 2013-11-25 14:47 hlp鹏 阅读(301) 评论(0) 推荐(0) 编辑
摘要: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 阅读全文
posted @ 2012-11-08 11:03 hlp鹏 阅读(196) 评论(0) 推荐(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 阅读全文
posted @ 2012-11-07 10:13 hlp鹏 阅读(372) 评论(0) 推荐(0) 编辑
摘要:HTML5 Canvas笔记1.<canvas>是一个新的用于通过脚本(通常是JavaScript)绘图的HTML元素。例如,他可以用于绘图、制作图片的组合或者简单的动画(当然并不那么简单)。2.<canvas>元素<canvas id="tutorial" width="150" height="150"></canvas>看起来很像<img>,唯一不同就是它不含 src 和 alt 属性。它只有两个属性,width 和 height,两个都是可选的,并且都可以 DOM 或 阅读全文
posted @ 2012-09-06 10:41 hlp鹏 阅读(183) 评论(0) 推荐(0) 编辑
摘要: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 阅读全文
posted @ 2012-09-06 10:37 hlp鹏 阅读(129) 评论(0) 推荐(0) 编辑
摘要:08-131.在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。2.特点:①微数据与微格式等方面的支持②本地存储,离线应用③API调用,地图,位置,LBS等④连接通讯,后台线程⑤多媒体⑥三维、图形及特效⑦CSS33.HTML5标签与HTML4标签区别(1)概念的变化: HTML5专注内容与结构,而不专注的表现(2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素 声明如:<!DOCTYPE html> <meta charset=utf-8>4.html5.0新增标签<artic 阅读全文
posted @ 2012-09-03 17:17 hlp鹏 阅读(215) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示