import用法:
<style type="text/css">
?@import "style.css";@import url("style.css");
</style>
注意:不過最好不要使用@import,因為使用它加載的樣式文件會等到頁面都加載完成再被加載,這樣可能會導致頁面瀏覽出現問題,建議使用標簽替代。使用import相當于把css放于底部加載。(這個是百度出來的說法)
我們確實要避免使用css @import, 但原因卻不是什么相當于放在了頁面底部,而是這樣做會導致css無法并行下載,因為使用@import引用的文件只有在引用它的那個css文件被下載、解 析之后,瀏覽器才會知道還有另外一個css需要下載,這時才去下載,然后下載后開始解析、構建render tree等一系列操作。 星球瀏覽器在頁面所有css下載并解析完成后才會開始渲染頁面,因此css @import引起的css解析延遲會加長頁面留白期。 所以,要盡量避免使用css @import而盡量采用link標簽的方式引入。
對@import url()做一下總結:
- @import url()機制是不同于link的,link是在加載頁面前把css加載完畢,而@import url()則是讀取完文件后在加載,所以會出現一開始沒有css樣式,閃爍一下出現樣式后的頁面(網速慢的情況下)。
- @import 是css2里面的,所以古老的ie5不支持。
- 當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。
- link除了能加載css外還能定義RSS,定義rel連接屬性,@import只能加載css。
- @import url(xxx.css); 有最大次數的限制,經測試IE6的最大次數是31次,第32個import及以后的都不能生效