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