您好,欢迎访问一九零五行业门户网

css link与import的区别是什么

区别:link属于html标签,而@import是css提供的一种方式,link标签不仅可以引入css,还可以做其他事,而@import只能引入css;@import只有在ie5以上才支持;而link标签不存在兼容性问题。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
在html中引入外部的css有2种方式,link标签和@import,那么它们之间什么区别呢?
1、从属关系区别
@import是 css 提供的语法规则,只有导入样式表的作用;link是html提供的标签,不仅可以加载 css 文件,还可以定义 rss、rel 连接属性等。
2、加载顺序区别
加载页面时,link标签引入的 css 被同时加载;@import引入的 css 将在页面加载完毕后被加载。
3、兼容性区别
@import是 css2.1 才有的语法,故只可在 ie5+ 才能识别;link标签作为 html 元素,不存在兼容性问题。
4、dom可控性区别
可以通过 js 操作 dom ,插入link标签来改变样式;由于 dom 方法是基于文档的,无法使用@import的方式插入样式。
【推荐教程:css视频教程 】
补充说明:
@import的书写方式
<style type="text/css"> @import 'style.css' //windows ie4/ ns4, mac os x ie5, macintosh ie4/ie5/ns4不识别 @import "style.css" //windows ie4/ ns4, macintosh ie4/ns4不识别 @import url(style.css) //windows ns4, macintosh ns4不识别 @import url('style.css') //windows ns4, mac os x ie5, macintosh ie4/ie5/ns4不识别 @import url("style.css") //windows ns4, macintosh ns4不识别</style>
其中,@import url(style.css) 和@import url("style.css")是最优的选择,兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。
link的书写方式
<link href="style.css" rel="stylesheet" type="text/css">
另外link还有其他的一些用途,比如引入图标
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
总体来说:link优于@import,强烈建议使用link标签,慎用@import方式。
更多编程相关知识,请访问:编程视频!!
以上就是css link与import的区别是什么的详细内容。
其它类似信息

推荐信息