css鏈接格式，樣式

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文件。