引入css样式有4种方式
1.内联方式
如:
<divstyle="background: red"></div>
2. 嵌入方式
如:
<head><style> .content{
background: red;
}
</style></head>
3. 链接方式
如:
<head><linkrel="stylesheet"type="text/css"href="style.css"></head>
4. 导入方式
如:
<style> @importurl(style.css);</style>
区别:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。