link和@import的区别
链接样式:链接方式指的是使用HTML头部的标签引入外部的css文件
<head>
<link rel="stylesheet" type="" href="">
</head>
这是常见的css引入方式,代码只能存在于单独的css文件中,css文件会在第一次加载时引入,
以后切换页面只需加载HTML文件即可
导入样式:导入方式指的是使用css规则引入到外部css文件中
<style>
@import url(style.css);
</style>
或者在css样式中
两者的区别:
- link是html标签 @import属于css范畴,只能加载css
- link引用css时,页面载入时同时加载 @import需要页面完全载入以后加载,网速慢会出现刚开始没有样式,闪烁一下出现样式
- link无兼容问题 @import是css2.1提出的,不兼容低版本浏览器
- link支持js控制DOM改变样式 @import则不支持