周末小结一

 @keyframes

1.  animation-duration` 属性定义需要多长时间才能完成动画。如果未指定 `animation-duration` 属性，则动画不会发生，因为默认值是 0s

 2.animation-iteration-count 属性指定动画应运行的次数

  3.animation-direction 属性指定是向前播放、向后播放还是交替播放动画。

  4.animation-direction 属性可接受以下值：

  5.normal - 动画正常播放（向前）。默认值

  6.reverse - 动画以反方向播放（向后）

  7.alternate - 动画先向前播放，然后向后

  8.alternate-reverse - 动画先向后播放，然后向前

  9.translate() 方法从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。

                                                                       less与css的区别

1.注释，单行//不会出现在css里出现

2.可以根据dom结构嵌套

3.数值可以进行四则运算

4.定义变量 全局 局部

5.mixin混入，声明一个样式块，直接运用

                                                                       响应式布局

针对不同屏幕显示不同效果

媒体查询可以控制在不同屏幕宽度显示的效果

1.通过@media 关键字定义媒体查询

2.min——width屏幕最小宽度

3.max——width屏幕最大宽度

给定范围的时候通过and连接

                                                                开发方式

1.渐进增强，优雅降级

2.渐进增强，更新新功能，新人物，新玩法

3.优雅降级，企业特殊性，为了保证安全，一直保持低版本

4.业务挂钩，用户群体

5.开封采用的方式和项目类型和所针对的群体有关，不同项目有不同的开发方式

                                                                            浏览器的兼容性

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。. 在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。

浏览器工作模式常被称为”渲染模式“

到了09年3月19号，微软发布的IE8重新定义了“标准模式”，再次增强了对规范的支持，同时，为了保持对IE7的支持，IE8增加了“标准模式”，于是IE8就分成了标准模式、准标准模式、混合模式

浏览器                         排版引擎                        js引擎

    IE                             Trident                           jscript    

Firefox                          Gecko                    TRACEMONKEY    

Chrome                     Webkit,blink                      V8    

safari                             Webkit                     squirreIFISH    

Opera                             presto    

css hack有三种实现方式

1.css内部的hack

2.css选择器的hack

3.html头部的hack