001.web前段学习笔记

CSS

CSS3中提供的动画属性。

• tranform:四种基本的变形
• transition：动画属性，只支持起点到终点值。
• animation：强大的动画属性，支持按帧设定。

首先来说第一种：tranform变形属性。

tranfrom总共有四种变形。

1. translate(x,[y])，向上下左右移动，支持负值。
2. scale(sx,sy)，X轴，Y轴方向上缩小放大。
3. rotate(angle),参数单位：deg，顺时针或逆时针旋转多少度。
4. skew(x,y)，参数单位：deg，X轴或Y轴方向上倾斜多少度。
   下面举个栗子看看如何使用。

css代码
---------


 .inside_dao_han{
            width: 80%;
            height: 80px;
            background: #666666 ;
            margin: 0 auto;

            transform: rotate(0deg) translate(10px,250px) scale(1,1) skew(0deg,0deg ) ;
            }

———- HTML代码

首页 登陆 注册

---

可以看到，tranform可以直接应用在绑定的元素中，并且该属性支持多个变形同时进行。

好吧，现在对动画其实不够了解，等我做好足够功课再补完。

jquery部分

jquery知识点很是零碎，只能看到哪里就记到哪里，留到以后再整理吧。

1. jquery最强大的优势之一就是消除了很多浏览器兼容问题。
2. 如果仅仅是使用jquery来选择元素师非常不正确的，jquery最强大的地方是用来构建功能丰富的、动态的Ajax Web应用程序。
3. $()和jQuery(window).ready()，说出来让人笑话，今天竟然才明白这是怎么回事。以前就一直看到javascript最强大之一就是函数，而函数最强大之一又是被设计成对象，所以它便可以作为参数传给别的函数，以前一直纳闷哪里有，原来尽在眼前。
4. 4.