css中@import和link的用法

一:css外部引入
外部引入CSS的方法有两种,一种是@import,一种是link

@import "./style.css";
<link href="./style.css" rel="stylesheet" type="text/css" />

现在绝大部分的网站都采用后一种link方式,原因在于@import先加载HTML,后加载CSS。而link先加载CSS,后加载HTML。
所以前者加载网页会出现浏览者以外的格式,后者则是带格式的加载网页。

二:@import的缺点
@import,经过测试,在IE中(在6, 7, 和8中测试过),这会导致样式表文件逐个加载,并行下载资源是加速页面的一个关键。这种方法在IE中会导致页面需要更多的时间才能加载完成。

猜你喜欢

转载自blog.csdn.net/xiazeqiang2018/article/details/81171633