css中引入外部样式的两种方式及区别

第一种方式：使用最多

<link rel="stylesheet" href="css文件路径">

第二种方式

<style>
@import url("css文件路径")
</style>

 

两者之间的区别？

区别1：link属于html标签，而@import是css提供的一种方式

区别2：当页面被加载时，link是与页面一同加载的；而@import会等到页面下载完之后再被加载（网速慢时会出现打开没有样式）

区别3：@import是css2.1提出的，老的浏览器不支持，IE5以上才能识别；link不存在这个问题

区别四：当使用javascript控制dom去改变样式的时候，只能使用link标签（dom控制不了@import）