【180网站】15-21

1、html默认字体大小是16px.

      rem: 根据html font-size 按比例设置文字大小。

2、css3 transform属性。支持rotate(30deg), translate(10px, 10px), screw(20deg, 20deg), scale(1,2, 0.8)操作.　transform-origin: left top; 变形中心。

      css3 animation, @keyframes 动画帧。animation-timing-function: ease-in-out. 属性变换速率。

3、mousemove事件：鼠标移动。

4、$("#elem").css({attr1:  value1, attr2: value2}); jquery设置元素样式，可以一次设置多个属性的值，传入对象字面量为参数。但是属性名需用驼峰式命名法。

5、html5 input标签，type属性值可以是date或time, 有日期或时间控件。日期格式默认为yyyy/mm/dd.

6、三等号运算符在比较式不会讲一个变量转换为另一种类型。

7、绘制三角形：

     <div class="triup"></div> 样式如下： 

     .triup {
top: 75px;
left: 0px;
width: 0;
height: 0;
border-bottom: 50px solid #edc951;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}

    border-radius: 50%; 正方形变圆形   border-radius: 80px 80px 0 0; 半圆  border-radius: 80px 0 0 0; 1/4圆。

8、mousedown事件：鼠标按下。$("#elem").fadeOut("slow"); 慢速淡出。

       $("elem").append("<div></div>"); 添加子元素。

9、jquery ui 拖拽方法：

      $("#elem").draggable({

       //拖拽范围

containment: "window",//或者"#canvas", ".canvas".元素选择器。

        //一次初始化一组draggable控件的时候, 将其中的一些draggable控件以给定选择器选择, 作为一组, 这时, 这一组draggable控件就可以实现当前被拖动的始终在最前效果

        stack: ".block",

        //在指定元素外部可以吸附。（不懂）

snapMode: "outer",

      // 设定离目标对象的边多少像素的时候, 进行吸附.默认20

       snapTolerance: 13 

       })

10、得到被选中的单选钮的值。

$("input[name = 'aa' ]:checked"),val();

替换html， $("container").html(htmlStr);

11、css3动画中opacity属性： 透明度。opacity: 1 全色， opacity: 0; 透明。

 12、click事件发生时，得到鼠标的位置：event.pageX, event.pageY。

13、position: relative， display: inherit，用法很神奇。。

17、function aaa() { setTimeout( aaa(){}, 20 ) }; 递归实现动画。