小知识点：link和@import的区别

   css样式表可以有好几种写法：内联式，style标签里写，外部导入。外部导入又分为link标签导入和@import导入，那么这两种外部导入方式有什么区别呢？

1、书写方法

link标签：

 <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> 

@import

<style type="text/css" media="screen"> 
    @import url("CSS文件");         //推荐这一种

    或@import (CSS文件)
</style> 

2、兼容性问题

   因为link是html标签不存在兼容性问题，所以在任何浏览器中都能使用，但是@import属于css语法，存在兼容问题，只能在IE5以上的浏览器中使用

3、加载顺序

  link标签导入的css文件，浏览器可以一边解析HTML一边解析CSS，但是@import导入的CSS，只能等到页面都渲染出来才解析

4、DOM可控性

  link标签导入的css，在JS文件中可以操作样式，@import导入的，JS不能操作样式