css引入的方式有哪些，link和@import的区别是什么

css引入的方式有哪些，link和@import的区别是什么

有四种形式:

1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用

<link rel="stylesheet" type="text/css" href="*.css">

链接这个样式表文件.

2.内部样式表,就是把样式表放到页面的区里.

<style type="text/css">
	div {height: 600px;}
</style>

3.导入外部样式表,用@import,在与之间，

<style type="text/css">
	@import "*.css"
</style>

4.内嵌样式,就是在标签内写入style="",比如:

<div style="background:#cccccc"></div>设置div背景色为灰色.

区别：

1）. link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

2）. link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

3）. link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

4）. link支持使用Javascript控制DOM去改变样式；而@import不支持。