CSS教程之link和@import两种方法的区别
发布时间：2018-08-18 13:39:01 所属栏目：创业 来源：站长网
导读：〖猛火建站学院文档〗此刻大大都网站都已经丢弃了表格方法，CSS成了主宰，在CSS的链接上，有一些网站的挪用要领却纷歧样，各人也许会发明taobao.com网页中大部门是这样写的 ＜style type=text/css media=screen @import url(http://www.taobao.com/home/css
|
〖猛火建站学院文档〗此刻大大都网站都已经丢弃了表格方法，CSS成了“主宰”，在CSS的链接上，有一些网站的挪用要领却纷歧样，各人也许会发明taobao.com网页中大部门是这样写的 ＜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标签较量好。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
