链接情势:css用import照旧link的区别
发布时间:2018-08-19 07:59:40 所属栏目:创业 来源:站长网
导读:看到淘宝网页中这样写行使的是import,而许多网站都是行使link,虽然尚有一些页面较量简朴,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import照旧link好?从经典论坛和其它一个网站或许相识了一下 看到淘宝网页中大部门是这样写的
看到淘宝网页中这样写行使的是import,而许多网站都是行使link,虽然尚有一些页面较量简朴,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import照旧link好?从经典论坛和其它一个网站或许相识了一下 看到淘宝网页中大部门是这样写的 <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的甜头就是易于维护,但当网速较量慢的时辰,会呈现加载间断的环境,导致页面排版错误 他俩的浸染沟通 独一的差异是处事工具纷歧样 @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标签较量好。 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |