HTML中引入CSS样式的第三种方式：链入外部样式表文件
链入外部样式表是HTML中引入CSS样式的第三种方式，也是最常用的一种方式。
在HTML文档中，通过<link>标签将外部的CSS文件链接到HTML文档中。这种方式的优点是，可以将HTML文档和CSS样式分离开，使得HTML文档的结构更清晰，便于维护和管理。
以下是一个简单的实例代码：
<!DOCTYPE html>
<html>
<head>
<title>链入外部样式表示例</title>
<!-- 链入外部CSS样式表 -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>在这个例子中，<link>标签的rel属性值为stylesheet，表示这是一个样式表链接。type属性值为text/css，表示链接的资源类型是CSS。href属性值为style.css，表示CSS文件的路径。
在实际的开发中，你需要创建一个CSS文件，例如style.css，并将CSS样式写入该文件中：
/* style.css文件内容 */
h1 {
color: blue;
}
p {
color: red;
}当HTML文件被加载时，浏览器会解析<link>标签，并加载指定的CSS文件，应用其中的样式规则，最终呈现出有样式的网页。
评论已关闭