link标签链接CSS和@import加载的区别

本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=ii2bajb&title=link%E6%A0%87%E7%AD%BE%E9%93%BE%E6%8E%A5CSS%E5%92%8C%40import%E5%8A%A0%E8%BD%BD%E7%9A%84%E5%8C%BA%E5%88%AB

link:基本语法

      <link rel="stylesheet" href="路径">

@import 基本语法

     <style>

       @import url(地址)；

       @import url("地址")；

       @import “地址”；

三种写法都可以

     </style>

 

两种的区别

1.种类，link时HTML的标签，@import时CSS提供的方式

2.加载顺序，link在页面加载时被加载，@import在页面全下载完之后在加载

3.兼容性，@import是css2.1提供的方法,老版本不支持

4.使用DOM控制元素的不同，JS控制页面样式时只能用link，@import不是DOM可以控制的

本文转载于:猿2048➨https://www.mk2048.com/blog/blog.php?id=ii2bajb&title=link%E6%A0%87%E7%AD%BE%E9%93%BE%E6%8E%A5CSS%E5%92%8C%40import%E5%8A%A0%E8%BD%BD%E7%9A%84%E5%8C%BA%E5%88%AB

转载于:https://my.oschina.net/u/4181724/blog/3093181