1. 前言
在制作一个网页时，为了让网页更加美观和易维护，我们通常会使用CSS样式表。在HTML中，我们通过连接外部CSS文件的方式来引入CSS样式。
2. 什么是CSS？
CSS，全称为层叠样式表（Cascading Style Sheets），是用来设置HTML标签样式的语言。通过CSS，我们可以设置HTML元素的大小、颜色、位置等各种属性。
在HTML中使用CSS可以让我们的页面变得更加美观、更具有可读性、可维护性。
3. 如何连接外部CSS文件？
我们可以使用<link>标签来引入外部CSS文件。
<link>标签必须放在<head>标签内部。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在上面的例子中，我们使用了<link>标签来引入名为`style.css`的外部CSS文件。`rel`属性告诉浏览器我们将要连接的是一个样式表。`href`属性则指定了CSS文件的链接地址。
4. 示例代码
我们来看下面这个具体的例子，了解一下CSS在HTML中的应用。
首先，我们在HTML文档中添加一个<link>标签，来引入我们的CSS文件。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World</h1>
< This is a paragraph>
</body>
</html>
<h1>和``标签添加样式。
h1 {
color: blue;
font-size: 36px;
}
p {
color: green;
font-size: 16px;
}
<h1>元素的字体颜色为蓝色，字体大小为36像素。我们同样为``元素设置了字体颜色为绿色，字体大小为16像素。
如果我们现在在浏览器中打开HTML文件，那么页面应该会呈现出蓝色的"Hello World"标题和绿色的"this is a paragraph."文本。
5. 总结
在HTML中，我们通过连接外部CSS文件的方式来使我们的页面更具有可读性和可维护性。我们可以使用<link>标签来引入外部CSS文件，然后在CSS文件中添加样式规则来设置HTML元素的各种属性。