提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: HTML教程 > CSS中import与link的区分是什么【html5教程】,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网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"CSS中import与link的区分是什么【html5教程】,import,link,区别"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线