CSS引入方法-@import 和 link区别

一般使用link较多，也推荐使用link

1. link属于HTML标签，而@import是CSS提供的一种方式
2. @import有次数限制，只能引入31次
3. 当页面被加载时，link引用的CSS会同时被加载，而@import引用的CSS则是等待主页面全部被加载完后才会被加载，所以当网速较慢时，可能会只出现页面而没有样式，等一段时间后样式才会被加载出来
4. @import 只能在IE5以上才能使用，否则不识别，而link则没有这个问题
5. 当使用javascript控制DOM(document.styleSheets)去改变样式时，只能使用link，DOM不能控制@import

<!-- html 文件 -->

<!-- link 方式，推荐 -->
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

<!-- @import 方式 -->
<style type="text/css" media="screen">
	@import url(style.css);
</style>

/* CSS文件 */
@import url("style.css");