css 外部样式link和@import区别及用法

引入方式:

<style>

  <link rel="stylesheet" href="./css/style.css">

</style>

<style>
  @import url(style.css)
</style>
 

link 和 @import 区别:

  1.本质区别: link属于html一个标签 @import 属于css提供的一个方法

  2.加载顺序 link导入的css和html结构同时加载 @import 先加载结构后加载样式

  3.兼容性的区别 link兼容性更好

  4.js操作dom @import导入的css是无法进行dom操作

如果感觉对自己有帮助,麻烦点一下关注,会一直和大家分享知识的,谢谢!!!

原文地址:https://www.cnblogs.com/piaoyi1997/p/12529626.html