页面导入样式时,使用link和@import有什么区别?

1 link属于XHTML标签,而@import是CSS提供的;

2 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;

3 import只有在IE5以上才能被识别,而link是XHTML标签,无兼容问题;

4 link方式的样式的权重>@import的权重。

时间: 2024-10-19 11:27:54

页面导入样式时,使用link和@import有什么区别?的相关文章

@import导入外部样式表与link链入外部样式表的区别

昨天碰到同事问了一个问题,@impor导入外部样式与link链入外部样式的优先级是怎样的,为什么实验的结果是按照样式表导入后的位置来决定优先级. 今天就这个问题,度娘上找了很久,终于有个总结性的答案出来了.我感觉这个可信度还是挺高的..如果大家有疑问或其他观点,欢迎一起探讨一下.具体总结如 下: 先解释一下网页添加css样式的方法,一共有四种,分别是: 一.内嵌样式——直接在页面的标签里加<div style="border:1px red solid;">测试信息<

css 样式引入的方法 link 与import的区别

<link> 元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法:1 使用<link>元素链接到外部的样式文件2 在<head>元素中使用"style"元素来指定3 使用CSS "@import"标记来导入样式表单4 在<body>内部的元素中使用"style"属性来定义样式 1 用link进行引用 <link r

CSS中link和@import的区别

你对CSS中link和@import的区别是否熟悉,这里和大家分享一下,@import  属性用来指定导入的外部样式表及目标设备类型, link除了调用CSS外还可以有其他作用譬如声明页面链接属性,声明目录,rss等等,而@import就只能 调用CSS. CSS中link和@import有什么区别? 定义  ◆link元素 HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息.这些额外资源可以是样式化信息(CSS).导航助手.属于另 外形式的信息(RSS).联系信

Android自学总结——第一篇:关于导入项目时出的错误

今天导入项目时又出现" The import android.app cannot be resolved"类似的问题了,记得之前也出现过,当时是解决了,然而现在忘记了,真是好记性不如烂笔头啊!现在我总结下以防止我忘记. 解决方法: 右键工程→Bulid Path→Configure Build Path... 选择Android,如图,在Project Build Target里面勾选相应的SDK即可

link与@import导入css样式区别

XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   XML/HTML代码<style type="text/css" media="screen">   @import url("CSS文件&qu

【转】使用@import和link导入样式

Translate From:stevesouders原文:高性能网站设计:不要使用@import 在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题,并创建了一些测试页面和HTTP瀑布状图表,这些在下面将会用到.对于这个问题的底线是:如果你想样式表并行载入,以使页面更快,请使用LINK 替代@import. LINK vs. @import 大家都知道,有两种方法可以在你的页面中导入样式文件.你可

Web--CSS控制页面(link与import方式差别)

    先了解: [1]         "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构 W3C,是World Wide Web Consortium的缩写.中文是W3C组织或者万维网联盟.W3C标准不是一个标准,而是一系列标准的集合. 包括三部分的标准:结构(Structure).表现(Presentation)行为(Behavior). 结构化标准语言主要包含XHTML和XM

Web--CSS控制页面(link与import方式区别)

    先了解: [1]         "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构 W3C,是World Wide Web Consortium的缩写,中文是W3C组织或者万维网联盟.W3C标准不是一个标准,而是一系列标准的集合, 包含三部分的标准:结构(Structure).表现(Presentation)行为(Behavior). 结构化标准语言主要包括XHTML和XM

link和@import两种导入css文件的区别。

1.祖先的差别.link属于XHTML标签,而@import完全是css提供的一种方式.link标签除了可以加载css外,还可以做很多事情,比如定义rel连接属性等,@import就只能加载css. 2.加载顺序的差别.当一个页面被加载的时候,link引用的css会同时被加载,而@import引用的css会等到页面全部被加载完再被加载.所以有的时候浏览@import加载css的页面时开始会没有样式,网速慢时更为明显. 3.兼容性的差别.由于@import是css2.1提出的所以老的浏览器不支持,