@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