link@import

1.两者区别

1）link属于XHTML标签，而@import是CSS提供的;
2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
3）import只在IE5以上才能识别，而link是XHTML标签，无兼容问题;
4）link方式的样式的权重 高于@import的权重.
5) link链接文档的样式除了样式表（rel="stylesheet")外还有文档目录(rel="contents")、帮助文档 (rel="help")等，@import只是作用于css。
6) link支持使用Javascript控制DOM去改变样式；而@import不支持。

 

2.补充说明

1）页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。
2)@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)最值得推荐。