讨论:网页页面外界引入CSS的两种方法

日期:2021-01-20 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app


这两天刚写完XHTML载入CSS的几种方法,在其中外界引入CSS分成两种方法link和@import。
 有许多网页页面中的CSS连接与引入是这样写的:
<style type="text/css" media="screen">
@import url("https://www.jb51.net/abc.css");
</style>
  而许多网站应用的全是link
<link rel="stylesheet" rev="stylesheet" href="jb51.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标识较为好。
上一篇:25个时尚潮流好看的表单设计方案 返回下一篇:没有了