外联样式是指在HTML页面中使用CSS样式表文件来定义页面的布局和外观，而不需要直接在HTML文件中使用CSS样式。这种方式可以更加灵活和自由，因为可以定义样式而不需要关注HTML文件的内容。
下面是一个使用外联样式的简单示例：
1. 创建一个CSS样式表文件，命名为外联样式.css，并将其放置在与HTML文件相同的目录中。
<link rel=”stylesheet” type=”text/css” href=”外联样式.css”>
3. 可以使用CSS样式表来定义页面的布局和外观。例如，可以在外联样式.css文件中定义一个类，用于定义页面的背景颜色和字体：
.color-primary {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
4. 可以在HTML文件中使用<style>标签来引用外联样式表中的样式：
<style>
.color-primary {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
</style>
通过这种方式，就可以在不需要直接修改HTML文件的情况下，为页面添加自定义样式和布局。