<link>和@import url()引入外部css文件的区别

Posted 2020-06-11

<link>和@import url()引入外部css文件的区别:
标题中的两种方式都可以引入外部css文件，关于它们的基本用法这里就不多介绍了，具体可以参阅相关阅读。相关阅读:
（1）.<link>标签可以参阅html的<link>标签一章节。
（2）[email protected] url()可以参阅css的@import url用法简单介绍一章节。
下面介绍一下这两者的比较明显的区别。
（1）.加载机制不同，link方式是首先加载完css文件，然后再加载页面，而@import url()是先加载玩页面，再加载css文件。
（2）.<link>支持IE5，@import url()不支持IE5，不过这一条好像现在根本不用考虑，IE8已经都快没了。
（3）.js可以通过dom方式控制link，但是不能够控制@import url()方式。
（4）.由于性能等各方面原因，不推荐使用@import url()方式。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16453

更多内容可以参阅;http://www.softwhy.com/divcss/