CSS面试(四)

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则不支持
上一篇:axios用get或post请求下载文件,可下载原来的文件名


下一篇:P6793 [SNOI2020]字符串(后缀树上DP)