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

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

共同点:

  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文件

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页