CSS中import与link的区分
看到淘宝网页中如许写运用的是import,而许多网站都是运用link，固然另有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区分？css用import照样link好？从典范论坛和别的一个网站也许相识了一下
看到淘宝网页中大部份是如许写的
示例代码
<style type="text/css" media="screen"> @import url（"http://www.divcss8.com/home/css/global/v2.0.css?t=20070518.css"）； </style>
而许多网站运用的都是link
示例代码
<link rel="stylesheet" rev="stylesheet" href="default.css" type="text/css" media="all" />
而像google 百度 163等网站他们都是直接写在网页中
固然运用链接link和导入import的优点就是易于保护，但当网速比较慢的时刻，会涌现加载中断的状况，致使页面排版毛病
他俩的作用雷同
唯一的不同是效劳对象不一样
@import 为CSS效劳
link是为当前的页效劳
典范有网友说 @import会优先实行。
外部援用CSS中 link与@import的区分
这两天刚写完XHTML加载CSS的几种体式格局，个中外部援用CSS分为两种体式格局link和@import。
本质上，这两种体式格局都是为了加载CSS文件，但照样存在着纤细的差异。
差异1：老祖宗的差异。link属于XHTML标签，而@import完全是CSS供应的一种体式格局。
link标签除了能够加载CSS外，还能够做许多别的的事变，比方定义RSS，定义rel衔接属性等，@import就只能加载CSS了。
差异2：加载递次的差异。当一个页面被加载的时刻（就是被阅读者阅读的时刻），link援用的CSS会同时被加载，而@import援用的CSS 会比及页面悉数被下载完再被加载。所以有时刻阅读@import加载CSS的页面时最先会没有款式（就是闪灼），网速慢的时刻还挺显著（梦之都加载CSS 的体式格局就是运用@import，我一边下载一边阅读梦之都网页时，就会涌现上述题目）。
差异3：兼容性的差异。由于@import是CSS2.1提出的所以老的阅读器不支持，@import只要在IE5以上的才辨认，而link标签无此题目。
差异4：运用dom掌握款式时的差异。当运用javascript掌握dom去转变款式的时刻，只能运用link标签，由于@import不是dom能够掌握的。
大抵就这几种差异了（假如另有什么差异，人人告诉我，我再补充上去），别的的都一样，从上面的剖析来看，照样运用link标签比较好。
以上就是对CSS中import与link的区分是什么的悉数引见，假如您想相识更多有关CSS3教程，请关注ki4网。
以上就是CSS中import与link的区分是什么的细致内容，更多请关注ki4网别的相干文章！
