link与@import

link与@import都是从外部引入css的方式，但区别很大:

1.link输入XHTML标签，除了加载css以外，还可以加载rss等；@import只能引入css；

2.link在页面载入时同时加载，@import在页面完全载入后加载；

3.link无兼容问题，@import是css2.1提出，低版本浏览器不兼容；

4.link支持使用Javascript控制DOM去改变样式；而@import不支持。

 

@import的写法一般有下列几种：

@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

转载于:https://www.cnblogs.com/yanze/p/7526295.html