1.link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;
而@import是css提供的,只能加载css
2.页面被加载时,link会同时加载,而@import引用的css会等到页面被加载完再加载
3.@import是css2.1提出的,只在IE5以上才能被识别,而link是xhtml标签,无兼容性问题
4.link支持用js控制DOM去改变样式,而@import不支持,例子:
<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>
function changeStyle4() {
var obj = document.getElementById("css");
obj.setAttribute("href","css2.css");
}
可在整体换肤的方案上使用