日志标签：CSS link @import

CSS引用(link)和导入(@import)的区别(2009年4月13日更新)

时间：2009年04月11日作者：愚人码头查看次数:9,844 views评论次数：11

大家知道页面要使用外部css文件的方式有两种，一种是引用(link)，例如：<link rel=’stylesheet’ href=’a.css’>；另一种是导入(@import)，例如：<style>@import url(‘a.css’);</style>；两者引用的方式在页面上的展现效果却是一样的，但是两者又有着很重大的区别：就是页面的性能问题！
当然如果站点的流量没达到一定的流量（比如说10万ip或者更大），我觉得用link 或者 @import或者都是无所谓的，只要你维护方便。
假设我们一张页面使用了两个样式文件:a.css和b.css;

第一种方式，两个都导入：

<style>
<!--
@import url('a.css');
@import url('b.css');
-->
</style>

我们可以用使用工具分析一下网页的加载情况，如图：

import-import

即两个css同时加载；

继续阅读：CSS引用(link)和导入(@import)的区别(2009年4月13日更新)»

标签：,分类：html+css
Page 1 of 11