**CSS（层叠样式表）**是用于控制网页布局和样式的语言，是现代Web开发不可或缺的一部分。在本文中，我们将探讨如何在HTML中应用CSS，以及CSS中的选择器、属性和值的基本概念。
让我们看看在HTML中应用CSS的三种主要方式：
1. **外部链接CSS**：这种方法是最常见也是最推荐的，因为它允许你在一个单独的CSS文件（如`style.css`）中定义所有页面的样式，然后通过在HTML文件的`<head>`部分添加`<link>`标签来引用这个文件。这样做有利于维护和重用样式，使代码更整洁。例如：
```html
<HTML>
<HEAD>
<TITLE>网页文件的标题</TITLE>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
</HEAD>
```
2. **内部定义CSS**：这种方式是在HTML的`<head>`标签内部定义CSS样式，通常用于特定页面的特殊样式或补充外部CSS。如果内部CSS和外部CSS有冲突，内部定义的样式优先级更高。例如：
```html
<HTML>
<HEAD>
<TITLE>网页标题</TITLE>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
<STYLE TYPE="text/css">
<!--
BODY {font: 12pt}
H1 {font: 16pt}
P {font-weight: bold; color: green}
-->
</STYLE>
</HEAD>
```
3. **文本间CSS**：这种方法是直接在HTML元素中使用`style`属性来定义样式，通常用于临时或特定的样式需求。如果存在其他CSS定义，文本间的CSS会覆盖它们。例如：
```html
<HTML>
<HEAD>
<TITLE>网页标题</TITLE>
</HEAD>
<BODY>
<P STYLE="color: red">本页内容 ⋯ </P>
</BODY>
</HTML>
```
在CSS中，选择器、属性和值是核心概念。选择器（如`H3`）指定了要应用样式的HTML元素；属性（如`COLOR`）定义了要改变的样式特性；而值（如`BLUE`）则指定了属性的具体内容。例如，`H3{ COLOR : BLUE; }`将所有`<h3>`标签的文字颜色设置为蓝色。
在CSS中，属性值经常需要单位来衡量，如`em`（相对于字体大小的单位）、`%`（百分比）等。例如，`font-size: 2em`表示字体大小为当前字体大小的两倍，而`font-size: 80%`则表示字体大小为父元素字体大小的80%。
了解这些基本概念后，你可以开始创建和调整网页的样式，以实现更具吸引力和功能性的布局。随着技能的提升，你可以进一步探索CSS的高级特性，如选择器的组合、层叠规则、响应式设计等，以适应不断发展的Web标准。无论是遵循W3C的Web标准，还是根据个人喜好逐步学习，CSS都是现代网页设计中不可或缺的一部分。
