Question

为什么大多数开发人员都使用

<link  href="/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css" type="text/css" />
<link  href="/css/main.css" type="text/css" />
<link  href="/css/table.css" type="text/css" />

而不是

<style type="text/css">
    @import "/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css";
    @import "/css/main.css";
    @import "/css/tables.css";
</style>

即使是html标记中的自动代码？最后一种方法的缺点是什么？

Answer 1

以下是我所知道的几个缺点

旧浏览器不支持@import
我们无法利用@import的rel和title属性，我们可以利用这些属性
链接方法被称为简单性

为了了解@import的更多缺点，请浏览http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Answer 2

最大的缺点是CSS @import单独加载每个CSS文件而不是一次加载文件。这意味着浏览器必须等待每个导入的CSS文件完成加载，直到它可以开始加载下一个。这会显着减慢您的网站速度，特别是如果您有大量导入的CSS文件。

css链接格式，样式

2 个答案: