全面了解link与import方式的区别
发布时间：2016-07-12 11:27:17 作者：佚名 
我要评论
我要评论下面小编就为大家带来一篇全面了解link与import方式的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
<style type="text/css">
@import url(foo.css) print;
</style>
<link href="../../***.css" type="text/css" rel="styleSheet"></link>;
1.加载顺序的差别：
link--与网站内容同步加载；
@import--网站内容全部加载完成之后，再加载该css，网站上会明显看到有闪烁效果（与网速有关）;
2.兼容性问题：
@import---是css2.1提出的，所以老版本的浏览器不支持，@import只能在IE5以上才能识别，相反link不会出现此问题；
3.使用dom控制样式的差别：
javascript中dom操作改变样式时，只能用link标签，@import是dom不可操作的；
以上这篇全面了解link与import方式的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
原文地址：http://blog.csdn.net/fanhaiwang520/article/details/7683631
相关文章
- link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载;ink支持使用Javascript控制DOM去改变样式；而@import不支持等等，感兴趣的朋友可以参考下哈2013-04-03
引入CSS的方式有哪些?link和@import的有何区别应如何选择
有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？CSS用import还是link好？本文搜集整理了一下，感兴趣的朋友可以看看哦，希望本人对你2013-01-23- 们知道在网页中引用外部CSS有两种方式，即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗2009-06-26
- @import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?2009-04-15
- 网页制作Webjx文章简介：本文描述了一个在IE6下用import导入CSS的问题！ 在ie 6中可以先写CSS再加import比如 p {} @import url("base.css");2009-04-02
- 网页制作Webjx文章简介：这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。 有很多网页中的CSS链接与引用是这样写的：2009-04-02
CSS两种方式link和@import-CSS教程-网页制作-网页教学网
看到淘宝网页中大部分是这样写的 <style type="text/css" media="screen"> @import url("http://www.taobao.com/home/css/global/v2.0.2008-10-31css用import还是link的区别-CSS教程-网页制作-网页教学网
看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用impor2008-10-17- link与@import这两种方式都是为了加载CSS文件,但还是存在着细微的差别。下面脚本之家小编给大家介绍CSS中link和@import的区别说明，感兴趣的朋友一起看下吧2016-08-12
最新评论