今天小编跟大家讲解下有关css外部样式加载link与import的区别 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css外部样式加载link与import的区别 的相关资料,希望小伙伴们看了有所帮助。
第一点:引用方式 首先看link <link rel="stylesheet" type="text/css" href="https:///style.css" /> 最常见的link引用方式 分别解释一下没一个属性先 rel:告诉浏览器引用的是一个样式表文件 type:文件类型 href:文件地址 @import <style type="text/css">@import url(https:///style.css);</style> 只能写引用样式表的名称 第二点:加载顺序 link是页面加载时候的同时加载 @import是在整个页面加载完之后加载css文件的 如果页面加载很慢 会出现一开始无样式 第三点:浏览器的兼容性 @import是css2.1提出的 只在ie5以上才能识别 link不存在这个问题 第四点:使用js的dom控制样式时候 只能用link 基本就这些了 如果还有 欢迎大家提出 谢谢! 如无特殊需求推荐用link来源:爱蒂网