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中link和import的区别 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。 差别1:老祖宗的差别。link属于XHTML标签,而@import完全是C...
  • huaben
  • huaben
  • 2011年11月15日 09:14
  • 353

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

CSS引入的方式 点击打开链接 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例: div style="backgro...

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

外部引用CSS中 link与@import的区别这两天刚写完XHTML加载CSS的几种方式 ,其中外部引用CSS 分为两种方式link 和@import 。本质上,这两种方式都是为了加载CSS...
  • cyczmm
  • cyczmm
  • 2011年05月18日 10:19
  • 129

@import调用css和link href调用有什么区别?

大家去分析一些大站的css代码时,都会发现调用css有以下两种方法: 方法一: @import url("css/main.css"); @import url("css/font.cs...

css link和@import区别用法

1、link语法结构 实际应用截图: 使用link标签截图 Html link标签说明 此标签是引入CSS文件link标签,只要设置好路径即可。 扩展阅读:html link 2、@im...

css三种书写格式以及import与link的区别

1.css组成 css{属性,属性值} 属性:描述一个东西的基本特征。如:身高 属性值:每个属性具体内容,如:1.75m 西施{ 体重:50kg; 姓名:西施; 升高:1.7m;...

CSS引入的方式有哪些? link和@import的区别是?

有 4 种方式可以在 HTML 中引入 CSS。 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例:这通常是个很糟糕的书写方式,它只能改变当前标签的...

Web--CSS控制页面(link与import方式区别)

先了解: 【1】         “Table”和“DIV”这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构              ...
  • imwtr
  • imwtr
  • 2014年10月25日 10:35
  • 814

css link和@import区别用法

css link和@import区别 这里link与@import介绍的是html引入css的语法单词。两者均是引入css到html的单词。 1、link语法结构 实际应...
  • pjk1129
  • pjk1129
  • 2016年05月18日 17:24
  • 1196
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS中link与import的区别
举报原因:
原因补充:

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