外部样式表的调⽤
1、第⼀种写法：
<link rel="stylesheet" type="text/css" href="⽬标⽂件路径及全称" />
2、第⼆种写法：
<style type="text/css">
@import url(⽬标路径及全称);
引用外部样式表的格式是</style>
link和@import的区别（建议使⽤link元素加载外部样式表）
本质上，这两种⽅式都是为了加载CSS⽂件，但还是存在着细微的差别。
差别1：⽼祖宗的差别。link属于XHTML标签，⽽@import完全是CSS提供的⼀种⽅式。
差别2：link标签除了可以加载CSS外，还可以做很多其它的事情，⽐如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
差别3：加载顺序的差别。当⼀个页⾯被加载的时候（就是被浏览者浏览的时候），link引⽤的CSS会同时被加载，⽽@import引⽤的CSS 会等到页⾯全部被下载完再被加载。所以有时候浏览@import加载CSS的页⾯时开始会没有样式（就是闪烁），⽹速慢的时候还挺明显（梦之都加载CSS 的⽅式就是使⽤@import，我⼀边下载⼀边浏览梦之都⽹页时，就会出现上述问题）。
差别4：兼容性的差别。由于@import是CSS2.1提出的所以⽼的浏览器不⽀持，@import只有在IE5以上的才能识别，⽽link标签⽆此问题。
差别5：使⽤dom控制样式时的差别。当使⽤javascript控制dom去改变样式的时候，只能使⽤link标签，因为@import不是dom可以控制的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。