link和@import的区别

link导入样式表:

<link href="index.css" rel="stylesheet">  

@import导入方法:

<style type="text/css">  
@import "index.css";  
</style>  

不同点:
link除了引用样式文件外,还可以引用图片等资源文件,而@import值能引用样式文件。
兼容性不同,link没有兼容性问题,@import在IE5以上支持,是css2.1新增属性。
link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
link支持使用javascript控制Dom改变样式,@import不支持

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种...
    hope7th阅读 118评论 0 0
  • 页面中使用CSS的方式主要有3种: 行内添加定义style属性值,页面头部内嵌调用和外面链接调用。 其中外面引用有...
    魔_术师阅读 372评论 0 3
  • 页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种...
    饥人谷_米弥轮阅读 2,778评论 0 1
  • 对于如何使用css的样式,主要有三种: 内联 ,外联,内嵌(也可称为行内)。其中外联样式的引入有两种:lin...
    习惯就好_e4d0阅读 834评论 0 0
  • INFO [09-04|11:27:56] Updated mining threads thr...
    charlieyan阅读 1,129评论 0 0