link 与 @import之对比

页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:

XML/HTML代码
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   
XML/HTML代码
<style type="text/css" media="screen">   
@import url("CSS文件");   
</style>

两者都是外部引用CSS的方式,但是存在一定的区别:

  区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

  区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

  区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

  区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。

补充:@import最优写法
@import的写法一般有下列几种:

@import ‘style.css‘ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url(‘style.css‘) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
由上分析知道,@import url(style.css) 和@import url("style.css")是最优的选择,兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

转自http://www.cnblogs.com/zbo/archive/2010/11/17/1879590.html

如果有其他见解,欢迎评论O(∩_∩)O

时间: 2024-12-13 05:01:37

link 与 @import之对比的相关文章

link and import

转载  http://www.divcss5.com/rumen/r431.shtml 1.link语法结构<link href="CSSurl路径" rel="stylesheet" type="text/css" /> 实际应用截图: 使用link标签截图 Html link标签说明此标签是引入CSS文件link标签,只要设置好路径即可. 扩展阅读:html link 2.@import语法结构@import + 空格+ url(

link和@import的区别

页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import.外部引用CSS两种方式link和@import的方式分别是: XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   X

css link和@import的区别

页面中使用CSS的方式主要有三种:1.行内添加定义style属性值.2.页面头部内嵌调用.3.外面链接调用. 其中外面引用有以下两种:link和@import. XML/HTML代码 <link href="stylesheet" href="CSS文件" type="text/css"/> XML/HTML代码 <style type="text/css"> @import url("CSS

调用css时,用link 和 @import url 有什么区别

加载css link与@import的区别: 其实 link 与 @import 在显示效果上还是有很大区别的,基本上来看 link 的加在会在页面显示之前全部加在完全,而 @import 会是读取完文件之后加在,所以如果网速很好或很快的情况下,会出现先开始无css定义,而后加载css定义.@import加载页面时开始的瞬间会有闪烁(无样式表的页面),然后才恢复正常(加载样式后的页面),Link没有这个问题. 他们从方法上是一样的,只是在浏览器识别上有点差距,link在支持CSS的浏览器上都支持

[转]link与@import区别

 link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载;link支持使用Javascript控制DOM去改变样式;而@import不支持等. 页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import.外部引用CSS两种方式link和             @import的方式分别是: <link rel="stylesheet" href="CSS文件

css的两种引用方式 link和@import

学习web开发的最大乐趣就是不断的发现自己以前不曾见过的东西,这些东西对于我来说是那么的新鲜有趣. 比如说今天偶尔研究别人的网站,就发现了有趣的东东. 当点开此网页的css时(这个css文件命名方式就有些奇怪,后来才知道文件名里的all是什么意思) 下面就是点开之后所看见的,之后又回到源代码,但是并没有找到其它的css文件,显然下面这些语句已经引用上了所有的css语句. 下面我就对link和@import这种引用方式进行了总结,和在应用方面进行了区分. 1.link语法结构<link href=

link与import

CSS中 link 和@import 的区别是? (1) link属于HTML标签,而@import是CSS提供的; (2) 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; (3) import只在IE5以上才能识别,而link是HTML标签,无兼容问题;

&lt;link&gt;和@import url()引入外部css文件的区别

<link>和@import url()引入外部css文件的区别:标题中的两种方式都可以引入外部css文件,关于它们的基本用法这里就不多介绍了,具体可以参阅相关阅读.相关阅读:(1).<link>标签可以参阅HTML的<link>标签一章节.(2)[email protected] url()可以参阅css的@import url用法简单介绍一章节.下面介绍一下这两者的比较明显的区别.(1).加载机制不同,link方式是首先加载完css文件,然后再加载页面,而@impo

css引用中使用link和@import的比较

css在link和@import引用的比较总结如下: 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务:@import属于CSS范畴,只能加载CSS. 区别2:link引用CSS时,在页面载入时同时加载:@import需要页面网页完全载入以后加载. 区别3:link是XHTML标签,无兼容问题:@import是在CSS2.1提出的,低版本的浏览器不支持. 区别4:ink支持使用Javascript控制DOM去改变样式:而@import不支持. 补充:@import最