import link的实际差别

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

关键词:凡科自助建站,企业网站怎么建设,智能建站系统,自己建个网站,搭建网站基本步骤

大家了解在网页页面中引入外界CSS有两种方法,即:@importlink,大家也常常听到有人说要应用link来引进CSS更好,可是你了解为何吗?
link
link便是把外界CSS与网页页面联接起来,实际方式

@import

import文本上与link的差别便是它能够把在1个CSS文档中引进其它几个CSS文档,实际方式

拷贝编码
编码以下:

<!--
@import url("styles.css");
-->

为何应用@import

绝大多数应用@import方法的人是由于旧的访问器是不适用@import方法的,这代表着大家可使用@import来引进只让当代访问器分析的CSS款式.

应用下列编码可使IE6及下列的访问器没法分析该CSS(IE6下列的属于年久失修在这里略去方式)

拷贝编码
编码以下:

@import url(../style.css) screen;

另外一个关键的缘故便是当你的网页页面必须引进几个外界CSS文档时.你可使用link引进1个CSS,随后在这个CSS文档选用@import方法引进其它几个CSS文档.这样看起来更非常容易管理方法.

为何应用link

应用link方法1个最关键的缘故便是你可让客户切换CSS款式.当代访问器如Firefox,Opera,Safari都适用rel=”alternate stylesheet”特性(便可在访问器上挑选不一样的设计风格),自然你还能够应用Javascript使得IE也适用客户拆换款式.

如不搞清楚,请进到这个网页页面,随后在Firefox中点一下”查询-网页页面设计风格”.

@import的小问题

假如你网页页面head标识里边10分简易,仅有@import特性的话,当客户访问的网速较慢时,他会看到1个沒有设计风格款式的网页页面,随后伴随着CSS文档被免费下载进行才能够看到应有的设计风格.要防止这样的难题,你必须保证head里最少有1个script或是link标识.

04⑴1升级:  @import会使得CSS总体加载時间变长.而且在IE中会致使文档免费下载顺序被变更,比如置放在@import后边的script文档会在CSS以前被免费下载.

详细信息请参照http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

究竟要用那种方法

就现阶段来看小型的网站還是应用link较为适合(或说较为时兴),自然假如未来大家必须把CSS开展控制模块化管理方法也毫无疑问要用到@import.
文章内容一部分汉语翻译自What’s the Difference Between @import and link for CSS? 以作学习培训之用,欢迎填补.