从页面速度的角度来看,@import
几乎不应该使用CSS文件,因为它可以防止样式表被同时下载。例如,如果样式表A包含以下文本:
@import url("stylesheetB.css");
那么在下载第一个样式表之前,可能不会开始下载第二个样式表。另一方面,如果两个样式表都在<link>
HTML主页面的元素中引用,则可以同时下载两个样式表。如果两个样式表总是一起加载,将它们简单地组合到一个文件中也很有帮助。
有时在某些情况下@import
适当,但通常是例外,而不是规则。
包括CSS的最佳方法?为什么要使用@import?
从页面速度的角度来看,@import
几乎不应该使用CSS文件,因为它可以防止样式表被同时下载。例如,如果样式表A包含以下文本:
@import url("stylesheetB.css");
那么在下载第一个样式表之前,可能不会开始下载第二个样式表。另一方面,如果两个样式表都在<link>
HTML主页面的元素中引用,则可以同时下载两个样式表。如果两个样式表总是一起加载,将它们简单地组合到一个文件中也很有帮助。
有时在某些情况下@import
适当,但通常是例外,而不是规则。