包括带有“或`@ import`的CSS – 哪个更好?

前端之家收集整理的这篇文章主要介绍了包括带有“或`@ import`的CSS – 哪个更好?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网站,我有多个css样式表打印,电视,屏幕,掌上电脑等…

我想知道这些方法中哪一种更好地使用(性能,可用性等)

<link href="all.css" media="all" type="text/css" />
<link href="handheld.css" media="handheld" type="text/css" />
<link href="tv_print.css" media="tv,print" type="text/css" />

要么

<style type="text/css">
    @import url("all.css") all;
    @import url("handheld.css") handheld;
    @import url("tv_print.css") tv,print;
</style>

谢谢

解决方法

第一种方法(链接)是最好的。

主要原因是IE 6,7和8中存在错误(不确定为9或更高)意味着当您将@import与链接一起使用时,串行而不是并行加载文件。当使用多个样式表时,这可能会减慢很多事情。

只需使用@import下载串行,但不能保证顺序,这意味着如果有一个重置,例如,这可能是也可能不会被应用。

本文有一个很好的总结:http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

原文链接:https://www.f2er.com/css/218434.html

猜你在找的CSS相关文章