引入CSS的两种方法：link和@import的区别

引入css外部文件的两种要领为在html页面通过link，src属性（留意空链接时的陷阱！），再者是通过CSS文件自己通过@import url()引入，固然这两种方法都可以加载进来CSS文件，然则link和@import也存在着渺小的不同。

附属上的不同

link属于XHTML标签，而@import完满是CSS提供的一种方法。link标签除了可以加载CSS外，还可以做许多其余的工作，好比界说RSS，界说rel毗连属性等，@import就只能加载CSS了。此处留意赏识器的link src为空时辰时会导致页面加载次数增多。

@import次数限定

据说在IE6下，@import只能引入31次css文件，然则可以通过在css文件中再次import来垂直扩展，断桥残雪没有测试过，不外假如呈现这样的环境，声名这个写代码的人也挺失常的。

加载次序的差异

当一个页面被加载的时辰（就是被赏识者赏识的时辰），link引用的CSS文件会同时被加载，而@import引用的CSS 会比及页面所有被下载完再被加载。以是偶然辰赏识@import加载CSS的页面时开始会没有样式，然后溘然样式会呈现，网速慢的时辰还挺明明，@import这点跟把CSS文件放在页面末了结果沟通，不外假如我们一些样式开始页面并不会呈现，而是在交互时才呈现的CSS样式，可以通过这个要领引入，时刻上错开。譬喻：Ajax的html，交互时的弹出框，弹出div等

兼容性上的不同

因为@import是CSS2.1提出的，@import只有在IE5以上的才气辨认，而link标签无此题目（好像影响不大~）。

行使DOM节制样式时的不同

当行使javascript节制DOM(document.styleSheets)去改变样式的时辰，只能行使link标签，由于@import不是dom可以节制的。

以是，无非凡环境保举行使link来引入样式，只管停止行使@import，而假如举办Ajax可能交互的样式，则可以通过@import引入。

出处：http://www.js8.in/554.html

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!