摘要：
转换是使元素改变形状、尺寸和位置的一种效果。能够对元素进行移动、缩放、转动、拉长或拉伸。 2D转换 浏览器兼容： 1）Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。 2）Chrome 和 Safari 需要前缀 -webkit-。 3）I 阅读全文
摘要：
线性渐变： div{ width:400px; height:100px; border:1px solid red; margin-left: 20px; /*参数：方向，开始渐变颜色，结束的渐变颜色*/ /*background-image:linear-gradient(to right,ye 阅读全文
摘要：
浏览器支持情况：nternet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 支持新的背景属性。 demo: /*设置图片从哪开始显示*/ /*background-origin: border-box;图片是从边框左上角显示*/ /*background-o 阅读全文
摘要：
css3边框属性： border-radius圆角 （浏览器：Internet Explorer 9+ 、Firefox、Chrome 以及 Safari ） box-shadow盒阴影 （浏览器：Internet Explorer 9+ 、Firefox、Chrome 以及 Safari ） bo 阅读全文
摘要：
canvas绘图过程： /*要有画布：canvas标签：宽和高是不能通过css3来设置，宽和高不能有px *创建绘图的对象 *开始的位置 *结束的位置 *画 */ canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成： <canvas width="800" 阅读全文
摘要：
HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 HTML5 使用 JavaScript 来存储和访问数据。 <script> //设置值：属性名字和值 window.ses 阅读全文
摘要：
window.onload=function(){ //读取文件，获取上传文件标签的这个对象 var f1=document.querySelector("#f1"); var f2=document.querySelector("#f2"); var f3=document.querySelect 阅读全文
摘要：
// var state=window.navigator.onLine; // if(state){ // alert("在线的"); // }else{ // alert("不在线"); // } //两个事件，联网就触发第一个，没网就立刻触发第二个 window.ononline=functi 阅读全文
摘要：
//自定义属性：html中没有这个属性,自己加，为了方便开发。 //设置自定义属性：data-名字 都是小写的 //获取自定义属性的值：dataset属性 var dt=document.querySelector("#div1").dataset; console.log(dt.name);//对 阅读全文
摘要：
选择器：css的选择器怎么用，这里就怎么用 document.querySelector("选择器")；//只能获取一个，默认第一个 var op=document.querySelector("div p"); op.style.backgroundColor="yellow"; document 阅读全文