在HTML文档中嵌入CSS的三种常用方式

在HTML中，我们主要通过三种方式来定义和引用CSS样式：嵌入式、内联式和外部引用式。它们各自有其独特的用法和特点。

一、嵌入式

在HTML文档的部分中，使用

```

这种方式定义的样式直接作用于当前HTML文档，适合于样式规则较少的情况。

二、内联式

内联式是在HTML元素中直接使用style属性来定义样式。这种样式仅对该元素有效，对其他同名元素无效。例如：

```html

内联样式

```

内联式适合于对单个元素进行样式定义，但不适用于大量元素的样式定义。

三、外部引用式

外部引用式是最常用的方式，它将HTML文档与CSS样式分离，使得文档的结构和样式更加清晰。外部引用主要通过以下几种方式实现：

1. 使用样式表的处理指令语句：这种方式仅在XML语法格式的HTML文档中使用有效，大多数浏览器需要文档保存为XHTML或XML格式才能识别，因此实际应用中较少使用。

2. 使用@import命令：在

```

这种方式可以在一个CSS文件中导入另一个CSS文件。

3. 使用link元素：这是最常用的方式，通过在元素中使用元素来链接外部的CSS文件。例如：

```html

```

这种方式使得HTML文档与CSS样式分离，便于维护和更新。

4. 使用HTTP消息报头链接到样式表：这种方式可以通过HTTP消息报头的link字段来链接外部样式表，它的优先级高于HTML文档中的link。例如：link:;rel=stylesheet;。这种方式可以同时链接多个样式表。外部引用式是推荐的方式，因为它使得HTML文档的结构更加清晰，便于管理和维护。使用外部样式表还可以提高网页的加载速度和性能。