整理了下关于link和@import的区别
在页面中CSS的引入方式有三种
1）内联样式
<p style="color: sienna; margin-left: 20px">
2）内部样式
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
3）外部引入
分为link和@import两种方法。
先来看下各自的写法。
link
<link href="style.css" rel="stylesheet" type="text/css">
@import
@import url("style.css")
两者的区别
1）link是html的标签，@import则是在css中使用。
2）link中引用的css会和页面同步加载，@import引用的css会等到页面结构加载完毕后再加载。
3）link的权重高于@import
4）link没有兼容性问题，@import只支持ie5以上（这个可以忽略不计了，现在哪还有考虑ie5的）