css用import還是link的差别

2020-10-28 23:50 jianzhan

  看到淘宝网页页面中这样写应用的是import,而许多网站全是应用link,自然也有1些网页页面较为简易,总流量很大的网站,是立即将CSS写在html编码中的?她们有甚么差别?css用import還是link好?从經典论坛和此外1个网站大约掌握了1下
  看到淘宝网页页面广州中山大学一部分是这样写的
<style type="text/css" media="screen">
@import url("http://www.taobao.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的益处便是易于维护保养,但当网速较为慢的情况下,会出現载入终断的状况,致使网页页面排版不正确
  他俩的功效同样
  唯1的不一样是服务目标不1样
  @import 为CSS服务
  link是为当今的页服务
  經典有网友说 @import会优先选择实行。
  外界引入CSS中 link与@import的差别
  这两天刚写完XHTML载入CSS的几种方法,在其中外界引入CSS分成两种方法link和@import。
  实质上,这两种方法全是以便载入CSS文档,但還是存在着微小的区别。
  区别1:老祖宗的区别。link属于XHTML标识,而@import彻底是CSS出示的1种方法。
  link标识除能够载入CSS外,还能够做许多其它的事儿,例如界定RSS,界定rel联接特性等,@import就只能载入CSS了。
  区别2:载入次序的区别。当1个网页页面被载入的情况下(便是被访问者访问的情况下),link引入的CSS会另外被载入,而@import引入的CSS 会直到网页页面所有被免费下载完再被载入。因此有时访问@import载入CSS的网页页面时刚开始会沒有款式(便是闪动),网速慢的情况下还挺显著(梦之都载入CSS 的方法便是应用@import,我1边免费下载1边访问梦之都网页页面时,就会出現上述难题)。
  区别3:适配性的区别。因为@import是CSS2.1提出的因此老的访问器不适用,@import仅有在IE5以上的才可以鉴别,而link标识无此难题。
  区别4:应用dom操纵款式时的区别。当应用javascript操纵dom去更改款式的情况下,只能应用link标识,由于@import并不是dom能够操纵的。
  大概就这几种区别了(假如也有甚么区别,大伙儿告知我,我再填补上去),其它的都1样,从上面的剖析看来,還是应用link标识较为好。