css 面试题

      link和@import的区别

      两者都是外部引用css方式,它们的区别如下:

· link是xhtml标签,除了加载css外,还可以定义rss等其他事务；@import属于css范畴，只能加载css;

· link引用css时,在页面载入时同时加载；@import需要页面网页完全载入以后加载；

· link是xhtml标签，无兼容问题；@import是在css2.1版本提出的，低版本的浏览器不支持；

·link支持使用javascript控制dom区支持改变样式；而@import不支持；

    transition和animation的区别

· transition是过度属性，强调过度，它的实现需要触发一个事件(比如鼠标移动上去，焦点，点击等)才执行动画。它类似于flash的补间动画，设置一个开始关键帧，一个结束的关键帧。

· animation是动画属性，它的实现不需要触发事件，设定好时间之后可以自己执行，且可以循环一个动画。他也类似于flash的补间动画，但是他可以设置多个关键帧（用@keyframs定义）完成动画。

                                                                                                                                      待续...