CSS中link与import差别

【原文：http://bbs.blueidea.com/viewthread.php?tid=25904&page=】

差别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可以控制的。

转载于:https://www.cnblogs.com/ungshow/archive/2009/01/20/1379169.html

CSS中link与import差别相关推荐

外部引用CSS中 link与@import的区别
这两天刚写完XHTML加载CSS的几种方式,其中外部引用CSS分为两种方式link和@import. 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别. 差别1:老祖宗的差别.link ...
爱创课堂每日一题八十九天- CSS中link和@import的区别是：
Link属于html标签,而@import是CSS中提供的br/>在页面加载的时候,link会同时被加载,而@import引用的CSS会在页面加载完成后才会加载引用的CSS @import只有在 ...
CSS中通过import方式导入的方法
在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题,并创建了一些测试页面和HTTP瀑布状图表,这些在下 ...
CSS 的导入方式 (link or import ?)
前言最常看见的CSS的使用方式有三种 1. 在span, div 等标签上直接使用 style 属性定义CSS <span style="color:blue">Th ...
添加css的方式：link与@import区别
如何在html中添加css? 在html中设置css共有三种方式,分别是: 行内式内嵌式导入式-link 导入式-@import 1.行内式.即在html标签中的style属性中设置css,值得注 ...
UI设计师必知：link和@import引用css文件方法的区别
<link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法: 1 使用<link>元素链接到 ...
[css] 在css中为什么说不建议使用@import？
[css] 在css中为什么说不建议使用@import? @import 属于 CSS,所以导入语句应写在 CSS 中,要注意的是导入语句应写在样式表的开头,否则无法正确导入外部文件:@import ...
link引入html5,CSS引入方式 | link和@import的区别 — 生僻的前端考点
link和@import的区别 HTML5学堂:CSS的引入方式有外部引入.页面头部书写.标签内联书写,其实还有@import的引入方式,但是现在基本被淘汰掉了.为了让大家了解到更多的知识,今天给大家 ...
link和import的区别,src和href的区别，css hark 以及HTML5及css3的新增特性
link和import的区别 link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入 link是XHTML标签,无兼容问题:@import是在CSS2提出的,低版本的浏览器不支持 l ...

CSS中link与import差别

CSS中link与import差别相关推荐

最新文章

热门文章