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

645 阅读1分钟

一、 css引入的方式的四种方法

有四种形式:

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

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

链接这个样式表文件.

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

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

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

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

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

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

二、 link和@import的区别:

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

2)link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

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

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