外部样式是CSS中一个重要的部分，它允许代码被分离为不同的文件，使得代码更加清晰和易于维护。那么在HTML中，CSS外部样式要如何引用呢？下面我们来介绍几种方式：
// 方式一：使用link标签引入外部样式文件 <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在head标签中使用link标签，rel属性指定为“stylesheet”，type属性指定为“text/css”，href属性指定外部样式文件的路径即可。
// 方式二：使用@import语句引入外部样式文件
<head>
<style>
@import url("style.css");
</style>
</head>在style标签中使用@import语句，url函数中指定外部样式文件的路径即可。
// 方式三：使用@import语句引入外部样式文件（在样式文件中）
// style.css文件中
@import url("common.css");
// common.css文件中
p {
font-size: 16px;
color: #333;
}在样式文件中同样可以使用@import语句，只需要指定外部样式文件的路径即可。
无论是哪种方式，都需要确保外部样式文件的路径正确并且文件格式为“.css”才能成功引用。