在HTML中有4种方式引入CSS
1.内联方式
<div style="background: red"></div>
2.嵌入方式
<style>
.content {
background: red;
}
</style>
3.link链接
<link rel="stylesheet" type="text/css" href="style.css">
4.@import导入
<style>
@import url(style.css);
</style>
link和@import两种都是外部引用CSS的方式,然而这两者也存在一定差别:
(1)link属于XHTML标签,而@import由CSS提供;
(2)link引入CSS时,在页面被加载的同时加载,而@import会在页面加载完后被加载;
(3)link没有兼容问题,而低版本的浏览器不支持@import;
(4)link支持js操作DOM改变样式,而@import不支持。