`

link 和@import 的区别

    博客分类:
  • css
 
阅读更多
具体的区别是:

1)起源的差别:
link属于XHTML标签,而@import完全是CSS提供的一种方式。

2)加载顺序的差别:
link是html加载前就引用,而import是html加载后才引用。
例:采用impor引用,会先显示无样式的页面,然后再把样式放进去。

3)js引用的差别:
如果用JavaScript动态引用CSS,得使用link引用方式才可实现,后者不行。

4)兼容性的差别:
@import是CSS2.1提出的所以老的浏览器不支持,只有在IE5以上的才能识别,而link标签无此问题。

5)多次引入样式表的差别:
@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表。

6)权重的差别:
link方式的样式的权重高于@import的权重.
分享到:
评论

相关推荐

    link和@import引用css文件方法的区别

    link和@import引用css文件方法的区别

    css中link和@import的区别分析详解

    导入CSS文件主要有两种方式: 链接式(link) 代码如下 复制代码代码如下: <link rel=”stylesheet” href=”style.css” type=”text/css”/> 导入式(@impot) 复制代码代码如下: <style type=”text/...

    href和src、link和@import的区别详解

    主要介绍了href和src、link和@import的区别,解释了名词定义和应用场景,需要的朋友可以参考下

    CSS中link和@import的区别说明

    我们都知道link与@import都可以引入css样式表,那么这两种的区别是什么呢?先说说它们各自的链接方式,然后说说它们的区别~~~ link链入的方式: CSS Code复制内容到剪贴板 <link rel=stylesheet type=text/...

    浅谈css和@import区别及用法

    css和@import都是调用外部样式表的方法。 一、用法 (1)link: <link rel="stylesheet" type="text/css" href="css文件路径"/> (2)@import: 方法一(html中添加): <style type="text/css"> @import ...

    link和@import的区别深入探讨

    link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载;ink支持使用Javascript控制DOM去改变样式;而@import不支持等等,感兴趣的朋友可以参考下哈

    CSS两种方式link和@import

    看到淘宝网页中大部分是这样写的 <style type="text/css" media="screen">@import url("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css");... 当然使用链接link和导入impo

    CSS @import与link的具体区别

    import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体形式: @import url("styles.css"); 为什么使用@import 大部分使用@import方式的人是因为旧的浏览器是不支持@import方式的,这意

    css link与@import区别详解

    导入式-link 导入式-@import 1.行内式。即在html标签中的style属性中设置css,值得注意的是css代码的名值对儿用冒号:来连接,用分号分离不同的css样式。这种方式虽然便于观看与调试,但是它违背了结构与表现相分离...

    深入理解CSS中的@import

    link rel=stylesheet href=style.css />  2.CSS中@import CSS Code复制内容到剪贴板 @import style.css;  第一种方式最为常见最为主流,第二种方式则很少见到有人这么写,因而也常被开发工程师所忽略。这...

    外部引用CSS中 link与@import的区别

    css用import还是link好?从经典论坛和另外一个网站大概了解了一下 看到淘宝网页中大部分是这样写的 <style type=text/css media=screen> @import url...

    import link的具体区别

    import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体形式 复制代码代码如下:<!– @import url(“styles.css”); –> 为什么使用@import 大部分使用@import方式的人是因为旧的浏览器是...

    引入CSS的方式有哪些?link和@import的有何区别应如何选择

    有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?CSS用import还是link好?本文搜集整理了一下,感兴趣的朋友可以看看哦,希望本人对你有所帮助

    关于css @import url()总结

    对@import url()做一下总结: 1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速...

    全面了解link与import方式的区别

    <style type="text/css">@import url(foo.css) print;...@import—是css2.1提出的,所以老版本的浏览器不支持,@import只能在IE5以上才能识别,相反link不会出现此问题; 3.使用dom控制样式的差别: ja

Global site tag (gtag.js) - Google Analytics