link和@import的区别

2021-01-27 21:34:48 4 收藏
分类专栏： css javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Menqq/article/details/113274521
版权

建议使用link，慎用@import

1. 兼容性不同

link是XHTML的标签,无兼容性问题；@import是在CSS2.1时候提出的，由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别

2.从属关系

  1. link：link是HTML提供的标签，不仅可以加载CSS，还可以定义rel等属性
  2. @import：@import是css提供的语法，只有导入样式表的作用,只能加载CSS

3.加载顺序不同

  1. link：link在页面加载时CSS同时被加载
  2. @import：引入的CSS要等页面加载完毕后再加载

4.DOM可控性差别

可以通过JavaScript操作DOM，插入link标签来改变样式；由于DOM方法是基于文档的，无法使用@import的方式插入样式，因为@import不是dom可以控制的。

5.权重问题（有争议）

link标签引入的样式权重大于@import标签

已标记关键词 清除标记
页面导入样式时，使用link和@import有什么区别？
vivihuang
05-08 3066
　　区别1：link是XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; 　　区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。 　　区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本(IE5及以下)的浏览器不支持。 　　区...
表情包
插入表情
还能输入1000个字符
【前端】link 和 @import 的区别
Dora_5537的博客
06-18 632
link 和 @import 的区别（ link 属于 XHTML 标签，而 @import 是 CSS 提供的） 1.引用的方式不同： link(外部引用): <link rel="stylesheet" href="xxx.css" type="text/css" /> @import(导入式): @import url(xxx.css); 2.放置的位置不同：li...
css link和@import区别用法
chelen_jak的专栏
11-06 339
原文出处：http://www.divcss5.com/rumen/r431.shtml 这里link与@import介绍的是html引入css的语法单词。两者均是引入css到html的单词。 一、了解基本 1、link语法结构 &lt;link href="CSSurl路径" rel="stylesheet" type="text/css" /&gt; 实际应用截图： 2、@impor...
link与@import的区别
xiaoxu的博客
10-20 5097
两者都是外部引入CSS的方式，那么二者有什么区别呢？ @import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等； 加载页面时，link引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后加载； link标签作为HTML元素，不存在兼容性问题，而@import是CSS2.1才有的语法，故老版...
使用link和@import有什么区别？
qq_28167307的博客
12-21 108
使用link和@import有什么区别？页面导入样式时，使用link和@import有什么区别？ 页面导入样式时，使用link和@import有什么区别？ link属于XHTML标签，除了加载CSS外，还能用于定义RSS,定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 兼容性...
第29题：link与@import的区别
小柒的前端之旅
11-28 247
题目 下列关于使用link和@import，说法不正确的是（B） A: 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 B: link、@import均支持使用js控制DOM去改变样式 C: @import就只能加载CSS ，link标签还可以定义RSS等 D: import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，...
link 和 @import 的区别是什么？
麋鹿鲁哟的博客
07-02 80
link语法结构： <link href="url" rel="stylesheet" type="text/css"> @import语法结构： @import url 多用于css文件中，把多个样式表导入到一个样式表中，在页面里面只需要导入一个样式表即可，便于修改和扩展 　　1.在html中 　　　　<style type="text/css"> 　　...
Link和@import的区别
菜鸟的专栏
06-28 428
页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码 文件"type="text/css" media="all" />   XML/HTML代码    @importurl("CSS文件");    
link 与@import的区别
YANGJIAHAO666的博客
02-16 2054
主要区别 引入方式 兼容性 css优先级 加载顺序引入方式link是html标签，通过在html文件中引入，@import在css文件中引入兼容性link没有兼容性问题，@import 需要在IE5以上才生效css优先级同等权重的样式的优先级：行内样式、内联样式、外联样式、导入样式 外联样式和导入样式都有一个div{background:XX},最终的div样式是外联样式中所定义div样式加载顺序
CSS link和@import的区别
写博客只为学习
04-11 427
页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 两者都是外部引用CSS的方式，但是存在一定的区别： 　　区别1：
link和@import之间的区别
liuarmyliu的博客
09-28 92
link和@import都可以导入css样式，但是他们之间有什么区别？ 区别： 1.link不仅可以导入样式表，还可以导入其他如如favicon，但@import只能导入样式表 2.link是XHTML语法，不存在兼容问题，但是@import是在css2.1才提出，在IE5+后才支持，所以对低版本的浏览器不兼容 3.可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。 4.link是在页面加载的的同时一起加载的，@import是页
CSS 中 link 和@import 的区别是
努力哈
08-02 316
link链入的方式 &amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;index.css&quot;&amp;gt; @import导入的方式 &amp;lt;style type=&quot;text/css&quot;&amp;gt; @import url('index.css');
CSS的引入方式，link和@import的区别
tuyoushuai的博客
06-12 35
CSS引入的方式有哪些？link和@import的区别是什么？ 引入方式有：内联 内嵌 外链 导入 区别：加载的顺序不同。当一个页面被加载时，link引用的CSS会同时加载，而@import引用的CSS要等到页面全部加载完后才能被加载。@import可以在CSS中再次引入其他样式表，而link不能 前者无兼容性，后者CSS2.1以下浏览器不支持。 link支持使用Javascript改变样式，@import是不支持的。 1、使用link标签引入 将样式规则写在css的样式文件中，然后用标签引入。 《lin
css的三种引入方式
chinaren0001的专栏
07-29 2102
css的三种引入方式添加到雅虎收藏+ 添加到del.icio.us 取消作者黑暗中的舞者 发表于 2007-04-19 23:021.在页面里面直接写 程序代码      body{       margin: 0;      padding: 0;     }    2.用link进行引用 程序代码3.用import进行引用 程序代码     @i
@import和link的区别
我要吃成个胖子
06-20 1627
区别 加载顺序 link引入的css在加载页面时同时加载，而@import中的css要在页面加载完毕后加载 从属关系 link是HTML提供的标签 @import是css的语法规则，只能加载在style标签内和css文件中 兼容性 @import是css2.1时提出的，只能用于IE5+，而link不受兼容影响 DOM可控性 link支持js控制DOM改变样式，而@import...
JavaScript学习总结（思维导图篇）
孙叫兽的博客
02-18 6497
javaScript大牛总结篇
Java基础知识面试题（2020最新版）
ThinkWon的博客
02-19 70万+
文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性？原理是什么Java语言有哪些特点什么是字节码？采用字节码的最大好处是什么什么是Java程序的主类？应用程序和小程序的主类有何不同？Java应用程序与小程序之间有那些差别？Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页