外部引用css时,link和@import两种区别

原创 2016年09月23日 20:11:06

共同点:

  link和@import都是可以用来引入css样式的方法。


不同点:

1.引用的方式不同

  link(外部引用):<link rel="stylesheet" href="xxx.css"  type="text/css"   / >

  @import(导入式):@import url(xxx.css);

2.放置的位置不同

  link一般放在head标签中

  @import必须放在<style  type="text/css">标签中

3.加载方式不同

  link会和dom结构一同加载渲染

  @import只能能dom结构加载完成以后才能渲染页面

4.当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制的;

5.兼容性不同

  link是在xhtml的标签,兼容IE各个版本

  @import是css2.1时提出来的,只能在IE6以上进行解析。

6.加载内容不同

  link可以加载除了css文件外,还可以加载MIME类型的文件。具体内容参见:点击打开链接

  @import只能加载css文件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013243347/article/details/52642130

link与@import引入外部样式表的区别

使用上的区别link: 某html文件的head中有:link是一个比较老的html的标签在任何浏览器下都可以很好的工作,link的作用是将外部文件引入到当前文件中,可以引入除去css文件之外别的类...
  • wmaoshu
  • wmaoshu
  • 2016-08-22 15:58:45
  • 1645

使用link或@import引入css文件的区别

    本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。     差别1 :老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签...
  • JetWindLee
  • JetWindLee
  • 2010-07-13 11:12:00
  • 455

CSS引入方式及link和@import的区别是?

在html设计制作中,css有四种引入方式。方式一: 内联样式内联样式,也叫行内样式,指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例:这通常是个很糟糕的书写方式,它只能改变...
  • u013778905
  • u013778905
  • 2016-10-21 18:04:50
  • 460

link和@import的区别

link属于html标签,而@import是css提供的。 页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。 link是html标签,因此没有兼容性,而@im...
  • caoyafeicyf
  • caoyafeicyf
  • 2016-11-23 11:33:29
  • 5332

link 与@import的区别

主要区别 引入方式 兼容性 css优先级 加载顺序引入方式link是html标签,通过在html文件中引入,@import在css文件中引入兼容性link没有兼容性问题,@import 需要在IE5以...
  • YANGJIAHAO666
  • YANGJIAHAO666
  • 2017-02-16 13:05:16
  • 472

link和import的区别

页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是...
  • huanghanqian
  • huanghanqian
  • 2016-03-16 19:48:35
  • 652

HTML中引入CSS文件的几种方法

概况来说有以下四种:        1.行内式:也称内联式,在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势;        2.嵌入式:将CSS样式集中写在网页的标签对的标签对...
  • lvlongyin
  • lvlongyin
  • 2016-05-10 21:24:14
  • 10756

CSS加载方式link和@import的区别

本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。   1. 老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外...
  • hangxingkong
  • hangxingkong
  • 2016-06-12 14:31:54
  • 1818

【CSS外部引入的路径】

【CSS外部引入的路径】 CSS外部引入的路径 CSS外部引入的路径 相对路径 以引用文件之网页所在位置为参考基础,而建立出的目...
  • M_agician
  • M_agician
  • 2017-05-21 00:24:17
  • 1340

HTML加载外部css文件的两种方法

HTML加载外部css文件的两种方法          方法1:    import url("/css.css"); -->   方法2: rel="stylesheet" type="text...
  • cexosoft
  • cexosoft
  • 2008-05-06 17:30:00
  • 19944
收藏助手
不良信息举报
您举报文章:外部引用css时,link和@import两种区别
举报原因:
原因补充:

(最多只允许输入30个字)