在html文档中引用css有几种方式?分别是什么?

一般来说只有3种：

1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：

<link

href="css/style.css"

rel="stylesheet"

type="text/css">

2.在Html头部用<style></style>包起来，在这里面编写样式：

<style

type="text/css">

*{

padding:

0margin:

0

}

</style>

3.在标签里面直接编写行内样式。

<div

style="color:

#333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的

css样式的三种引用方式：使用link标签载入外部css，使用style标签写入css表达式，最后就是在元素标签中使用style属性定义。

三种方式的主要区别是对同一个元素使用三种方式优先显示谁？顺序如下

在元素标签中使用style属性定义 > 使用style标签写入css表达式 > 使用link标签载入外部css

最好使用link标签载入外部css的方式

大致有三种：

嵌入式CSS样式表：比较适用于网页比较少CSS比较简单的网页制作

链接式CSS样式表：比较常用，用于比较复杂的CSS样式以及网页比较多的情况；

引入式CSS样式表：这个不是很常用，使用@import指令

<style type="text/css">

@import url(sheet1.css)

@import "sheet2.css"

</style>

---