HTML是一种标记语言，用于构建各种网站和应用程序。在HTML中，可以使用CSS样式来使网页具有更好的视觉效果。下面介绍三种HTML引用CSS的方式：
一、行内样式
行内样式是在HTML标签内部直接使用样式的方法。这种方法最为简单，但是不建议使用。代码如下：
<p style="color:red;font-size:16px;">这是一段红色的文字，字体大小为16px</p>
可以通过style属性来设置对应样式的值，如上代码中设置p标签的字体颜色为红色，字体大小为16px。
需要注意的是：
- 行内样式使得代码混乱、难以修改和维护；
- 行内样式具有最高的优先级，在文件样式和内部样式之后生效，会覆盖其他样式。
二、内部样式
内部样式一般用于一个HTML文件内需要设置相同规则的多个元素的样式，或需要自定义一些样式的特殊情况。代码如下：
<head>
<style type="text/css">
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
这是一段红色的文字，字体大小为16px
</body>
内部样式是在HTML文档之中头部加入<style>标签，并在标签内加入样式规则的方法。通过选择器来选择需要设置样式的元素，然后在代码块中写入对应的样式属性和值。
需要注意的是：
- 内部样式的优先级同样较高；
- 在内部样式中声明的样式仅对当前文档中的元素生效；
- 同一个HTML文档中可以有多个内部样式，但为了可读性和维护方便，一般只建议使用一个。
三、外部样式
外部样式一般用于全站的统一样式设置，以及多个HTML文件共用一套样式表的情况。代码如下：
在HTML中，引用CSS文件一般需要使用<link>标签来实现。这种引用方式使得代码简洁、易于维护。
- 在
标签中的<link>标签中的href属性指定引入的样式表的路径；
- type属性声明样式表的类型，一般为"text/css"；
- rel属性声明当前文档与被链接文档之间的关系，一般为“stylesheet”。
HTML代码如下：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
这是一段应用了样式表的文字
</body>
而在CSS文件(style.css)中，则可以设置针对HTML文件内的各种元素的样式规则，例如：
p {
color: red;
font-size: 16px;
}
需要注意的是：
- 外部样式的优先级最低，但能够全局控制所有相同选择器的元素；
- 外部样式仅在链接的CSS文件有效；
- 外部样式文件可以被多个HTML文件共用。
综上所述，html引用css文件的三种方法，行内样式适用于调试或在样式较少的情况下直接使用；内部样式适用于单个页面的样式规则；外部样式最好用于多个页面全局样式的控制。以上三种方法本质上都是在给HTML元素加上CSS样式，区别主要就在样式的定义和引用方式上。