html如何链接外部css

在HTML中链接外部CSS文件，可以通过以下步骤实现：

1、创建CSS文件

创建一个CSS文件，例如命名为styles.css，在该文件中编写CSS样式规则。

2、在HTML文件中引入CSS文件

在HTML文件的<head>标签内，使用<link>标签引入刚刚创建的CSS文件。

“`html

<head>

</head>

“`

rel属性表示关联关系，其值stylesheet表示这是一个样式表文件；href属性表示引入的CSS文件的路径。

3、应用CSS样式

在HTML文件中，通过设置元素的class或id属性，将CSS样式应用到对应的元素上。

“`html

<p class="highlight">这是一个带有样式的段落。</p>

“`

在styles.css文件中，可以编写如下样式规则：

“`css

.highlight {

color: red;

fontsize: 24px;

}

“`

这样，<p>标签中的内容将显示为红色、24像素大小的字体。

归纳一下，链接外部CSS的步骤如下：

序号	步骤
1	创建CSS文件（例如`styles.css`），并编写样式规则
2	在HTML文件的标签内，使用标签引入CSS文件
3	在HTML文件中，通过设置元素的`class`或`id`属性，将CSS样式应用到对应的元素上