大家都知道在页面中加入ccs样式常用方式:
1:最常用页面嵌入方式<style> </style> 。 2:导入外部样式文件方式<link rel='stylesheet' type='text/css' href='' />
@import也是导入外部样式文件一种方式。
但是如果使用@import的话,必须要将@import放到样式代码最前面,否则它将会不起作用。
而且事实证明,避免使用@import 同样对网站性能有益。这2种方法也早就有对比:http://www.qianduan.net/high-performance-web-site-do-not-use-import.html
影响效率原因:
* 在一个样式文件中使用@import会为页面总体加载时间增加更多一个返程(也就是增加页面的总体加载时间)
* 在IE中使用@import 将会引起文件的下载顺序被改变。这更会引起样式文件花费更长的时间来下载,这会阻碍页面的渲染,让人感到页面比较慢。
在<<高性能网站设计>>也有明确的优化建议,网页在性能上的优化尽量使中<link/>方式导入css文件,在网站效率也有提升。