关闭

CSS中link与import的区别

标签: CSSHTML
70人阅读 评论(0) 收藏 举报
分类:

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>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3992次
    • 积分:198
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:5篇
    • 译文:4篇
    • 评论:0条
    文章分类