},'linear');
8.input的失去焦点的监听<input οnblur="方法名字"></input>
**********************************************************************************************
******************************常见易忘******************************************************
**********************************************************************************************
1.text-indent:5px //控制 文本缩进 的属性，例如<p>标签，中设置就会把守字缩进 2.outline //在一个声明中设置所有的轮廓属性。 3.伪类选择器： :after :before :first-child (重) 4.display 的 属性有：inline（把元素变成行内元素） none block等 **************CSS 3 的属性****************************** 1.transform:rotate(30deg); //转换 旋转 2.background-origin:content-box;//设置背景图片显示在边框内，内边距内，内容内。 content-box、padding-box 或 border-box 区域。 background-clip: //同上 3.text-shadow 字体阴影 4.word-wrap:break-word;文本自动换行，当超出父布局时 5.自定义 字体： <style> @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9+ */ } div { font-family:myFirstFont; } </style> 6.2D转换： translate(x，y)//根据xy坐标移动 rotate(30deg) //旋转 scale(x,y) //缩放,x和y代表当前缩放的倍数 skew(x deg,y deg) // 旋转以 块 的中心点 旋转，围绕x 和 y 方向上旋转 matrix() //以上的 组合传6个参数 7.过渡 transition 是过渡，，，transform 是转换，区分。 div { //开始过渡 指定以哪个属性过渡，过渡所用的时长 transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */ -webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */ -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */ } div:hover { //触发过渡，最终过渡后 指定属性的效果 width:200px; height:200px; transform:rotate(360deg); } 8.动画animation， 关键帧 - @keyframes div { width:100px; height:100px; background:red; animation:myfirst 5s; } @keyframes myfirst { from {background:red;} to {background:yellow;} } } *************JQuery ******************************** 1.eq(index)获取第几个元素对象 2.each（function（）{ //循环 遍历 犹如 for 循环 }） 3.evel()把json转换成 JavaScript 对象 ******************CSS伪类****************************** 伪类必须用 ： 号引入 1.last-child 2.after / before 3.nth-child(index)
王项雨 认证博客专家 FuckCode Fucking source code
