在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直接更改或者赋值给某个标签，但是其实是属于第三种的范围的

1.内联方式（行内样式）

就是在HTML的标签中使用style属性来设置css样式

格式：<html标签 style="属性:值属性:值....">被修饰的内容</html标签>

<p style="color:orangefont-size:18px">在HTML中如何使用css样式</p>

1

特点：仅作用于本标签。

2. 内部方式（内嵌样式）

就是在head标签中使用标签来设置css样式

格式： <style type="text/css">....css样式代码 </style>

特点：作用于当前整个页面

3. 外部导入方式（外部链入）

3.1 （推荐）就是在head标签中使用标签导入一个css文件，在作用于本页面，实现css样式设置

格式：<link href="文件名.css" type="text/css" rel="stylesheet"/>

3.2 还可以使用import在style标签中导入css文件。

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

特点：作用于整个网站

他们的优先级：当样式冲突时，就是采用就近原则，是值css属性离被修饰的内容最近的为主。

若没有样式冲突则采用叠加效果。

在html网页中引入引入css主要有以下四种方式：\x0d\x0a（1）行内式\x0d\x0a

网页中css的导入方式\x0d\x0a\x0d\x0a（2）嵌入式\x0d\x0a\x0d\x0aP{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中，对于单个页面来说，这种方式很方便。\x0d\x0a\x0d\x0a（3）导入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css" \x0d\x0a\x0d\x0a\x0d\x0a（4）链接式\x0d\x0a\x0d\x0a \x0d\x0a导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。

---