<!-- link方式 -->
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
<!-- @import方式 -->
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
两者区别:
- (祖宗级)link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
- (加载顺序)link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
- (兼容性)link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
- (javascript控制样式)link支持使用Javascript控制DOM去改变样式;而@import不支持。