旗下导航:搜·么
当前位置:网站首页 > HTML > 正文

CSS中import与link的区分是什么【html5教程】

作者:搜搜PHP网发布时间:2019-11-26分类:HTML浏览:80


导读:本篇文章给人人带来的内容是关于CSS中import与link的区分是什么,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。CSS中import与link的...
本篇文章给人人带来的内容是关于CSS中import与link的区分是什么,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

CSS中import与link的区分

看到淘宝网页中如许写运用的是import,而许多网站都是运用link,固然另有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区分?css用import照样link好?从典范论坛和别的一个网站也许相识了一下

看到淘宝网页中大部份是如许写的

示例代码

<style type="text/css" media="screen">
@import url("http://www.divcss8.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标签比较好。

以上就是对CSS中import与link的区分是什么的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是CSS中import与link的区分是什么的细致内容,更多请关注ki4网别的相干文章!

标签:importlink区别