CSS中link与import的区别

原创 2016年05月30日 23:06:39

Link@import的区别:

   1.隶属上的差别

      link是一个html的一个标签,而@importcss的一个标签

   2.@import次数限制  听说在IE下只能导入61CSS样式文件

   3.加载顺序的不同

     当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS文件会同时被加载,

     而@import引用的CSS会等到页面全部被下载完再被加载。

   4.兼容性上的差别

     由于@importCSS2.1提出的,@import只有在IE5以上的才能识别,而link标签无此问题

   5.使用DOM控制样式时的差别

     当使用javascript控制DOM(document.styleSheets)去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。


a.css

h2{
	color:#0F0;
}

1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>1.CSS</title>
<!-- 
使用内部样式
<style type="text/css">
 	h2{
		color:#F00;
	}
</style>

 -->
<!-- 使用外部样式 -->
<!-- <link href="a.css" type="text/css" rel="stylesheet"/> -->
<style type="text/css">
	@import url("a.css")
</style>
</head>

    <body>
    	<!-- 使用行内样式 -->
    	<!-- <h2 style="color:#0F0">Hello World</h2> -->
    	
    	<h2>HelloWorld</h2>
    </body>

</html>


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

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

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

外部引用css时,link和@import两种区别
  • u013243347
  • u013243347
  • 2016年09月23日 20:11
  • 1202

CSS的四种引入方式 import与link的具体区别

CSS的引入方式最常用的有三种, 第一:在head部分加入,引入外部的CSS文件。 这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DIV+...
  • lpy1016lc
  • lpy1016lc
  • 2015年05月07日 13:17
  • 1305

link 与@import的区别

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

为什么建议使用link方式来加载css,而不是使用@import方式

href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加 那么浏览器会识别该文档为css文件,就会并...
  • ForMyQianDuan
  • ForMyQianDuan
  • 2015年10月15日 19:25
  • 1842

CSS中link和import的加载顺序级别以及HTML加载顺序详解

概念: (1)import与link的区别: @import url(“CSS地址”) CSS专用语法 作用:@import作用于团队分工,最后合并一起 可以在.css中使用,即在一个c...
  • weixin_31765427
  • weixin_31765427
  • 2017年07月03日 17:28
  • 833

CSS中 link与@import的区别

  • piperzero
  • piperzero
  • 2008年11月15日 13:45
  • 922

CSS中link与@import的区别

link属于XHTML标签,@import完全是属于CSS提供的一种方式。@import只能用来加载CSS,而link还可已用来做其他,例如href。 当一个页面被加载的时候,link引用的CSS会同...
  • yudianxiaoxiao
  • yudianxiaoxiao
  • 2017年07月29日 22:14
  • 108

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

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

导入外部css文件时link和@import的区别

导入CSS文件主要有两种方式: 链接式(link)``导入式(@impot)`@import url("style.css");`以上是这两种方式的**语法区别**,如果单独从外部引用css来说,他们...
  • namejs
  • namejs
  • 2016年03月14日 13:21
  • 1288
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS中link与import的区别
举报原因:
原因补充:

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