日期:2014-05-17  浏览次数:20638 次

CSS引用(link)和导入(@import)区别
使用外部css文件的方式有两种,一种是引用(link),例如:<link rel=’stylesheet’ href=’a.css’>;另一种是导入(@import),例如:<style>@import url(‘a.css’);</style>;两者引用的方式在页面上的展现效果却是一样的,但是两者又有着很重大的区别:就是页面的性能问题。

《高性能网站建设指南》(《High Performance Web Sites》)第5 章如是说:“Link标签代替@imort标签能带来性能上的收益;@import规则有可能导致白屏现象;使用@import会导致组件下载的无序性。”